缴费管理

src/views/modules/admin/attenders-add-or-update.vue

@@ -2,77 +2,108 @@
  <el-dialog
    :title="!dataForm.id ? '新增' : '修改'"
    :close-on-click-modal="false"
    :visible.sync="visible">
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
    <el-form-item label="会议id" prop="meetingId">
      <el-input v-model="dataForm.meetingId" placeholder="会议id"></el-input>
    </el-form-item>
    <el-form-item label="会员id" prop="memberId">
      <el-input v-model="dataForm.memberId" placeholder="会员id"></el-input>
    </el-form-item>
    <el-form-item label="姓名" prop="name">
      <el-input v-model="dataForm.name" placeholder="姓名"></el-input>
    </el-form-item>
    <el-form-item label="所属机构(单位名称、公司名称)" prop="organization">
      <el-input v-model="dataForm.organization" placeholder="所属机构(单位名称、公司名称)"></el-input>
    </el-form-item>
    <el-form-item label="职位" prop="positionId">
      <el-input v-model="dataForm.positionId" placeholder="职位"></el-input>
    </el-form-item>
    <el-form-item label="职称" prop="jobTitle">
      <el-input v-model="dataForm.jobTitle" placeholder="职称"></el-input>
    </el-form-item>
    <el-form-item label="电话" prop="phone">
      <el-input v-model="dataForm.phone" placeholder="电话"></el-input>
    </el-form-item>
    <el-form-item label="邮箱" prop="email">
      <el-input v-model="dataForm.email" placeholder="邮箱"></el-input>
    </el-form-item>
    <el-form-item label="办公电话" prop="officephone">
      <el-input v-model="dataForm.officephone" placeholder="办公电话"></el-input>
    </el-form-item>
    <el-form-item label="参会人员类型id" prop="typeId">
      <el-input v-model="dataForm.typeId" placeholder="参会人员类型id"></el-input>
     </el-form-item>
    <el-form-item label="参会意向" prop="intention">
      <el-input v-model="dataForm.intention" placeholder="参会意向"></el-input>
    </el-form-item>
    <el-form-item label="住宿要求" prop="room">
      <el-input v-model="dataForm.room" placeholder="住宿要求"></el-input>
    </el-form-item>
    <el-form-item label="接送要求" prop="transfer">
      <el-input v-model="dataForm.transfer" placeholder="接送要求"></el-input>
    </el-form-item>
    <el-form-item label="负责人（员工id）" prop="servicer">
      <el-input v-model="dataForm.servicer" placeholder="负责人（员工id）"></el-input>
    </el-form-item>
    <el-form-item label="备注" prop="note">
      <el-input v-model="dataForm.note" placeholder="备注"></el-input>
     </el-form-item>
    <el-form-item label="联系电话" prop="account">
      <el-input v-model="dataForm.account" placeholder="联系电话"></el-input>
    </el-form-item>
    <el-form-item label="联系邮箱" prop="emailLx">
      <el-input v-model="dataForm.emailLx" placeholder="联系邮箱"></el-input>
    </el-form-item>
    <el-form-item label="注册情况 0, 1, 2, 现场注册" prop="regflag">
      <el-input v-model="dataForm.regflag" placeholder="注册情况 0, 1, 2, 现场注册"></el-input>
    </el-form-item>
    <el-form-item label="创建时间" prop="createTime">
      <el-input v-model="dataForm.createTime" placeholder="创建时间"></el-input>
    </el-form-item>
    <el-form-item label="修改时间" prop="modifyTime">
      <el-input v-model="dataForm.modifyTime" placeholder="修改时间"></el-input>
    </el-form-item>
    <el-form-item label="创建者" prop="creater">
      <el-input v-model="dataForm.creater" placeholder="创建者"></el-input>
    </el-form-item>
    <el-form-item label="修改者" prop="modifier">
      <el-input v-model="dataForm.modifier" placeholder="修改者"></el-input>
    </el-form-item>
    <el-form-item label="是否被删除 状态  0：正常   1：删除" prop="isDel">
      <el-input v-model="dataForm.isDel" placeholder="是否被删除 状态  0：正常   1：删除"></el-input>
    </el-form-item>
    :visible.sync="visible"
  >
    <el-form
      :model="dataForm"
      :rules="dataRule"
      ref="dataForm"
      @keyup.enter.native="dataFormSubmit()"
      label-width="100px"
    >
      <el-form-item label="姓名" prop="name">
        <el-input v-model="dataForm.name" placeholder="姓名"></el-input>
      </el-form-item>
      <el-form-item label="所属机构" prop="organization">
        <el-input v-model="dataForm.organization" placeholder="所属机构(单位名称、公司名称)"></el-input>
      </el-form-item>
      <el-form-item label="职位" prop="positionId">
        <el-input v-model="dataForm.positionId" placeholder="职位"></el-input>
      </el-form-item>
      <el-form-item label="职称" prop="jobTitle">
        <el-input v-model="dataForm.jobTitle" placeholder="职称"></el-input>
      </el-form-item>
      <el-form-item label="电话" prop="phone">
        <el-input v-model="dataForm.phone" placeholder="电话"></el-input>
      </el-form-item>
      <el-form-item label="邮箱" prop="email">
        <el-input v-model="dataForm.email" placeholder="邮箱"></el-input>
      </el-form-item>
      <el-form-item label="办公电话" prop="officephone">
        <el-input v-model="dataForm.officephone" placeholder="办公电话"></el-input>
      </el-form-item>
       <el-form-item label="参会意向" prop="intention">
        <!-- <el-input v-model="dataForm.intention" placeholder="参会意向"></el-input> -->
        <el-radio v-model="dataForm.intention" :label="1">是</el-radio>
        <el-radio v-model="dataForm.intention" :label="0">否</el-radio>
      </el-form-item>
      <el-form-item label="住宿要求" prop="room">
        <!-- <el-input v-model="dataForm.room" placeholder="住宿要求"></el-input> -->
        <el-radio v-model="dataForm.room" :label="1">有</el-radio>
        <el-radio v-model="dataForm.room" :label="0">无</el-radio>
      </el-form-item>
      <el-form-item label="接送要求" prop="transfer">
        <!-- <el-input v-model="dataForm.transfer" placeholder="接送要求"></el-input> -->
        <el-radio v-model="dataForm.transfer" :label="1">是</el-radio>
        <el-radio v-model="dataForm.transfer" :label="0">否</el-radio>
      </el-form-item>
       <el-form-item label="负责人" prop="servicer">
        <!-- <el-input v-model="dataForm.servicer" placeholder="负责人"></el-input> -->
        <el-select
          v-model="dataForm.servicer"
          filterable
          remote
          reserve-keyword
          placeholder="请输入关键词"
          :remote-method="remoteMethod"
          :loading="loading"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="联系电话" prop="account">
        <el-input v-model="dataForm.account" placeholder="联系电话"></el-input>
      </el-form-item>
      <el-form-item label="联系邮箱" prop="emailLx">
        <el-input v-model="dataForm.emailLx" placeholder="联系邮箱"></el-input>
      </el-form-item>
      <!-- <el-form-item label="创建时间" prop="createTime">
        <el-date-picker
          v-model="dataForm.createTime"
          type="datetime"
          placeholder="选择日期时间"
          value-format="yyyy-MM-dd HH:mm:ss"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="修改时间" prop="modifyTime">
        <el-date-picker
          v-model="dataForm.modifyTime"
          type="datetime"
          placeholder="选择日期时间"
          value-format="yyyy-MM-dd HH:mm:ss"
        ></el-date-picker>
      </el-form-item> -->
      <el-form-item label="创建者" prop="creater">
        <el-input v-model="dataForm.creater" placeholder="创建者"></el-input>
      </el-form-item>
      <el-form-item label="修改者" prop="modifier">
        <el-input v-model="dataForm.modifier" placeholder="修改者"></el-input>
      </el-form-item>
      <el-form-item label="备注" prop="note">
        <el-input
          type="textarea"
          :autosize="{ minRows: 2, maxRows: 4}"
          placeholder="请输入内容"
          v-model="dataForm.note"
        ></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
@@ -82,201 +113,251 @@
</template>
<script>
  export default {
    data () {
      return {
        visible: false,
        dataForm: {
          id: 0,
          meetingId: '',
          memberId: '',
          name: '',
          organization: '',
          positionId: '',
          jobTitle: '',
          phone: '',
          email: '',
          officephone: '',
          typeId: '',
          intention: '',
          room: '',
          transfer: '',
          servicer: '',
          note: '',
          account: '',
          emailLx: '',
          regflag: '',
          createTime: '',
          modifyTime: '',
          creater: '',
          modifier: '',
          isDel: ''
        },
        dataRule: {
          meetingId: [
            { required: true, message: '会议id不能为空', trigger: 'blur' }
          ],
          memberId: [
            { required: true, message: '会员id不能为空', trigger: 'blur' }
          ],
          name: [
            { required: true, message: '姓名不能为空', trigger: 'blur' }
          ],
          organization: [
            { required: true, message: '所属机构(单位名称、公司名称)不能为空', trigger: 'blur' }
          ],
          positionId: [
            { required: true, message: '职位不能为空', trigger: 'blur' }
          ],
          jobTitle: [
            { required: true, message: '职称不能为空', trigger: 'blur' }
          ],
          phone: [
            { required: true, message: '电话不能为空', trigger: 'blur' }
          ],
          email: [
            { required: true, message: '邮箱不能为空', trigger: 'blur' }
          ],
          officephone: [
            { required: true, message: '办公电话不能为空', trigger: 'blur' }
          ],
          typeId: [
            { required: true, message: '参会人员类型id不能为空', trigger: 'blur' }
          ],
          intention: [
            { required: true, message: '参会意向不能为空', trigger: 'blur' }
          ],
          room: [
            { required: true, message: '住宿要求不能为空', trigger: 'blur' }
          ],
          transfer: [
            { required: true, message: '接送要求不能为空', trigger: 'blur' }
          ],
          servicer: [
            { required: true, message: '负责人（员工id）不能为空', trigger: 'blur' }
          ],
          note: [
            { required: true, message: '备注不能为空', trigger: 'blur' }
          ],
          account: [
            { required: true, message: '联系电话不能为空', trigger: 'blur' }
          ],
          emailLx: [
            { required: true, message: '联系邮箱不能为空', trigger: 'blur' }
          ],
          regflag: [
            { required: true, message: '注册情况 0, 1, 2, 现场注册不能为空', trigger: 'blur' }
          ],
          createTime: [
            { required: true, message: '创建时间不能为空', trigger: 'blur' }
          ],
          modifyTime: [
            { required: true, message: '修改时间不能为空', trigger: 'blur' }
          ],
          creater: [
            { required: true, message: '创建者不能为空', trigger: 'blur' }
          ],
          modifier: [
            { required: true, message: '修改者不能为空', trigger: 'blur' }
          ],
          isDel: [
            { required: true, message: '是否被删除 状态  0：正常   1：删除不能为空', trigger: 'blur' }
          ]
        }
      }
    },
    methods: {
      init (id) {
        this.dataForm.id = id || 0
        this.visible = true
        this.$nextTick(() => {
          this.$refs['dataForm'].resetFields()
          if (this.dataForm.id) {
            this.$http({
              url: this.$http.adornUrl(`/admin/attenders/info/${this.dataForm.id}`),
              method: 'get',
              params: this.$http.adornParams()
            }).then(({data}) => {
              if (data && data.code === 0) {
                this.dataForm.meetingId = data.attenders.meetingId
                this.dataForm.memberId = data.attenders.memberId
                this.dataForm.name = data.attenders.name
                this.dataForm.organization = data.attenders.organization
                this.dataForm.positionId = data.attenders.positionId
                this.dataForm.jobTitle = data.attenders.jobTitle
                this.dataForm.phone = data.attenders.phone
                this.dataForm.email = data.attenders.email
                this.dataForm.officephone = data.attenders.officephone
                this.dataForm.typeId = data.attenders.typeId
                this.dataForm.intention = data.attenders.intention
                this.dataForm.room = data.attenders.room
                this.dataForm.transfer = data.attenders.transfer
                this.dataForm.servicer = data.attenders.servicer
                this.dataForm.note = data.attenders.note
                this.dataForm.account = data.attenders.account
                this.dataForm.emailLx = data.attenders.emailLx
                this.dataForm.regflag = data.attenders.regflag
                this.dataForm.createTime = data.attenders.createTime
                this.dataForm.modifyTime = data.attenders.modifyTime
                this.dataForm.creater = data.attenders.creater
                this.dataForm.modifier = data.attenders.modifier
                this.dataForm.isDel = data.attenders.isDel
              }
            })
export default {
  data() {
    return {
      visible: false,
      loading: false,
      dataForm: {
        id: 0,
        meetingId: "",
        memberId: "",
        name: "",
        organization: "",
        positionId: "",
        jobTitle: "",
        phone: "",
        email: "",
        officephone: "",
        typeId: "",
        intention: "",
        room: "",
        transfer: "",
        servicer: "",
        note: "",
        account: "",
        emailLx: "",
        regflag: "",
        createTime: "",
        modifyTime: "",
        creater: "",
        modifier: "",
        isDel: ""
      },
      dataRule: {
        meetingId: [
          { required: true, message: "会议id不能为空", trigger: "blur" }
        ],
        memberId: [
          { required: true, message: "会员id不能为空", trigger: "blur" }
        ],
        name: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
        organization: [
          {
            required: true,
            message: "所属机构(单位名称、公司名称)不能为空",
            trigger: "blur"
          }
        })
        ],
        positionId: [
          { required: true, message: "职位不能为空", trigger: "blur" }
        ],
        jobTitle: [
          { required: true, message: "职称不能为空", trigger: "blur" }
        ],
        phone: [{ required: true, message: "电话不能为空", trigger: "blur" }],
        email: [{ required: true, message: "邮箱不能为空", trigger: "blur" }],
        officephone: [
          { required: true, message: "办公电话不能为空", trigger: "blur" }
        ],
        typeId: [
          { required: true, message: "参会人员类型id不能为空", trigger: "blur" }
        ],
        intention: [
          { required: true, message: "参会意向不能为空", trigger: "blur" }
        ],
        room: [
          { required: true, message: "住宿要求不能为空", trigger: "blur" }
        ],
        transfer: [
          { required: true, message: "接送要求不能为空", trigger: "blur" }
        ],
        servicer: [
          {
            required: true,
            message: "负责人（员工id）不能为空",
            trigger: "blur"
          }
        ],
        note: [{ required: true, message: "备注不能为空", trigger: "blur" }],
        account: [
          { required: true, message: "联系电话不能为空", trigger: "blur" }
        ],
        emailLx: [
          { required: true, message: "联系邮箱不能为空", trigger: "blur" }
        ],
        regflag: [
          {
            required: true,
            message: "注册情况 0, 1, 2, 现场注册不能为空",
            trigger: "blur"
          }
        ],
        createTime: [
          { required: true, message: "创建时间不能为空", trigger: "blur" }
        ],
        modifyTime: [
          { required: true, message: "修改时间不能为空", trigger: "blur" }
        ],
        creater: [
          { required: true, message: "创建者不能为空", trigger: "blur" }
        ],
        modifier: [
          { required: true, message: "修改者不能为空", trigger: "blur" }
        ],
        isDel: [
          {
            required: true,
            message: "是否被删除 状态  0：正常   1：删除不能为空",
            trigger: "blur"
          }
        ]
      },
      // 表单提交
      dataFormSubmit () {
        this.$refs['dataForm'].validate((valid) => {
          if (valid) {
            this.$http({
              url: this.$http.adornUrl(`/admin/attenders/${!this.dataForm.id ? 'save' : 'update'}`),
              method: 'post',
              data: this.$http.adornData({
                'id': this.dataForm.id || undefined,
                'meetingId': this.dataForm.meetingId,
                'memberId': this.dataForm.memberId,
                'name': this.dataForm.name,
                'organization': this.dataForm.organization,
                'positionId': this.dataForm.positionId,
                'jobTitle': this.dataForm.jobTitle,
                'phone': this.dataForm.phone,
                'email': this.dataForm.email,
                'officephone': this.dataForm.officephone,
                'typeId': this.dataForm.typeId,
                'intention': this.dataForm.intention,
                'room': this.dataForm.room,
                'transfer': this.dataForm.transfer,
                'servicer': this.dataForm.servicer,
                'note': this.dataForm.note,
                'account': this.dataForm.account,
                'emailLx': this.dataForm.emailLx,
                'regflag': this.dataForm.regflag,
                'createTime': this.dataForm.createTime,
                'modifyTime': this.dataForm.modifyTime,
                'creater': this.dataForm.creater,
                'modifier': this.dataForm.modifier,
                'isDel': this.dataForm.isDel
              })
            }).then(({data}) => {
              if (data && data.code === 0) {
                this.$message({
                  message: '操作成功',
                  type: 'success',
                  duration: 1500,
                  onClose: () => {
                    this.visible = false
                    this.$emit('refreshDataList')
                  }
                })
              } else {
                this.$message.error(data.msg)
              }
      employeeList: [],
      list: [],
      options: []
    };
  },
  created() {
    this.getEmployee();
  },
  methods: {
    init(id) {
      this.dataForm.id = id || 0;
      this.visible = true;
      this.$nextTick(() => {
        this.$refs["dataForm"].resetFields();
        if (this.dataForm.id) {
          this.$http({
            url: this.$http.adornUrl(
              `/admin/attenders/info/${this.dataForm.id}`
            ),
            method: "get",
            params: this.$http.adornParams()
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.dataForm.meetingId = data.attenders.meetingId;
              this.dataForm.memberId = data.attenders.memberId;
              this.dataForm.name = data.attenders.name;
              this.dataForm.organization = data.attenders.organization;
              this.dataForm.positionId = data.attenders.positionId;
              this.dataForm.jobTitle = data.attenders.jobTitle;
              this.dataForm.phone = data.attenders.phone;
              this.dataForm.email = data.attenders.email;
              this.dataForm.officephone = data.attenders.officephone;
              this.dataForm.typeId = data.attenders.typeId;
              this.dataForm.intention = data.attenders.intention;
              this.dataForm.room = data.attenders.room;
              this.dataForm.transfer = data.attenders.transfer;
              this.dataForm.servicer = data.attenders.servicer;
              this.dataForm.note = data.attenders.note;
              this.dataForm.account = data.attenders.account;
              this.dataForm.emailLx = data.attenders.emailLx;
              this.dataForm.regflag = data.attenders.regflag;
              this.dataForm.createTime = data.attenders.createTime;
              this.dataForm.modifyTime = data.attenders.modifyTime;
              this.dataForm.creater = data.attenders.creater;
              this.dataForm.modifier = data.attenders.modifier;
              this.dataForm.isDel = data.attenders.isDel;
            }
          });
        }
      });
    },
    // 表单提交
    dataFormSubmit() {
      this.$refs["dataForm"].validate(valid => {
        if (valid) {
          this.$http({
            url: this.$http.adornUrl(
              `/admin/attenders/${!this.dataForm.id ? "save" : "update"}`
            ),
            method: "post",
            data: this.$http.adornData({
              id: this.dataForm.id || undefined,
              meetingId: this.dataForm.meetingId,
              memberId: this.dataForm.memberId,
              name: this.dataForm.name,
              organization: this.dataForm.organization,
              positionId: this.dataForm.positionId,
              jobTitle: this.dataForm.jobTitle,
              phone: this.dataForm.phone,
              email: this.dataForm.email,
              officephone: this.dataForm.officephone,
              typeId: this.dataForm.typeId,
              intention: this.dataForm.intention,
              room: this.dataForm.room,
              transfer: this.dataForm.transfer,
              servicer: this.dataForm.servicer,
              note: this.dataForm.note,
              account: this.dataForm.account,
              emailLx: this.dataForm.emailLx,
              regflag: this.dataForm.regflag,
              createTime: this.dataForm.createTime,
              modifyTime: this.dataForm.modifyTime,
              creater: this.dataForm.creater,
              modifier: this.dataForm.modifier
            })
          }
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.$message({
                message: "操作成功",
                type: "success",
                duration: 1500,
                onClose: () => {
                  this.visible = false;
                  this.$emit("refreshDataList");
                }
              });
            } else {
              this.$message.error(data.msg);
            }
          });
        }
      });
    },
    //获取员工信息
    getEmployee() {
      this.loading = true;
      this.$http({
        url: this.$http.adornUrl(`/admin/employee/findAllByTrueName`),
        method: "get",
        params: this.$http.adornParams({
          truename: ""
        })
      }).then(({ data }) => {
        if (data) {
          this.loading = false;
          this.employeeList = data;
          this.list = this.employeeList.map(item => {
            return { value: `${item.id}`, label: `${item.truename}` };
          });
        }
      });
    },
    remoteMethod(query) {
      if (query !== "") {
        this.loading = true;
        setTimeout(() => {
          this.loading = false;
          this.options = this.list.filter(item => {
            return item.label.toLowerCase().indexOf(query.toLowerCase()) > -1;
          });
        }, 300);
      } else {
        this.options = [];
      }
    }
  }
};
</script>

src/views/modules/admin/attenders.vue

@@ -6,8 +6,17 @@
      </el-form-item>
      <el-form-item>
        <el-button @click="getDataList()">查询</el-button>
        <el-button v-if="isAuth('admin:attenders:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
        <el-button v-if="isAuth('admin:attenders:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
        <el-button
          v-if="isAuth('admin:attenders:save')"
          type="primary"
          @click="addOrUpdateHandle()"
        >新增</el-button>
        <el-button
          v-if="isAuth('admin:attenders:delete')"
          type="danger"
          @click="deleteHandle()"
          :disabled="dataListSelections.length <= 0"
        >批量删除</el-button>
      </el-form-item>
    </el-form>
    <el-table
@@ -15,163 +24,45 @@
      border
      v-loading="dataListLoading"
      @selection-change="selectionChangeHandle"
      style="width: 100%;">
      <el-table-column
        type="selection"
        header-align="center"
        align="center"
        width="50">
      </el-table-column>
      <el-table-column
        prop="id"
        header-align="center"
        align="center"
        label="参会人员id">
      </el-table-column>
      <el-table-column
        prop="meetingId"
        header-align="center"
        align="center"
        label="会议id">
      </el-table-column>
      <el-table-column
        prop="memberId"
        header-align="center"
        align="center"
        label="会员id">
      </el-table-column>
      <el-table-column
        prop="name"
        header-align="center"
        align="center"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="organization"
        header-align="center"
        align="center"
        label="所属机构(单位名称、公司名称)">
      </el-table-column>
      <el-table-column
        prop="positionId"
        header-align="center"
        align="center"
        label="职位">
      </el-table-column>
      <el-table-column
        prop="jobTitle"
        header-align="center"
        align="center"
        label="职称">
      </el-table-column>
      <el-table-column
        prop="phone"
        header-align="center"
        align="center"
        label="电话">
      </el-table-column>
      <el-table-column
        prop="email"
        header-align="center"
        align="center"
        label="邮箱">
      </el-table-column>
      <el-table-column
        prop="officephone"
        header-align="center"
        align="center"
        label="办公电话">
      </el-table-column>
      <el-table-column
        prop="typeId"
        header-align="center"
        align="center"
        label="参会人员类型id">
      </el-table-column>
      <el-table-column
        prop="intention"
        header-align="center"
        align="center"
        label="参会意向">
      </el-table-column>
      <el-table-column
        prop="room"
        header-align="center"
        align="center"
        label="住宿要求">
      </el-table-column>
      <el-table-column
        prop="transfer"
        header-align="center"
        align="center"
        label="接送要求">
      </el-table-column>
      <el-table-column
        prop="servicer"
        header-align="center"
        align="center"
        label="负责人（员工id）">
      </el-table-column>
      <el-table-column
        prop="note"
        header-align="center"
        align="center"
        label="备注">
      </el-table-column>
      <el-table-column
      style="width: 100%;"
    >
      <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
      <el-table-column prop="name" header-align="center" align="center" label="姓名"></el-table-column>
      <el-table-column prop="organization" header-align="center" align="center" label="所属机构"></el-table-column>
      <el-table-column prop="positionId" header-align="center" align="center" label="职位"></el-table-column>
      <el-table-column prop="jobTitle" header-align="center" align="center" label="职称"></el-table-column>
      <el-table-column prop="phone" header-align="center" align="center" label="电话"></el-table-column>
      <el-table-column prop="email" header-align="center" align="center" label="邮箱"></el-table-column>
      <el-table-column prop="officephone" header-align="center" align="center" label="办公电话"></el-table-column>
      <el-table-column prop="intention" header-align="center" align="center" label="参会意向"></el-table-column>
      <el-table-column prop="room" header-align="center" align="center" label="住宿要求"></el-table-column>
      <el-table-column prop="transfer" header-align="center" align="center" label="接送要求"></el-table-column>
      <el-table-column prop="note" header-align="center" align="center" label="备注"></el-table-column>
      <!-- <el-table-column
        prop="account"
        header-align="center"
        align="center"
        label="联系电话">
      </el-table-column>
      <el-table-column
      </el-table-column>-->
      <!-- <el-table-column
        prop="emailLx"
        header-align="center"
        align="center"
        label="联系邮箱">
      </el-table-column>
      <el-table-column
      </el-table-column>-->
      <!-- <el-table-column
        prop="regflag"
        header-align="center"
        align="center"
        label="注册情况 0, 1, 2, 现场注册">
      </el-table-column>
      <el-table-column
        prop="createTime"
        header-align="center"
        align="center"
        label="创建时间">
      </el-table-column>
      <el-table-column
        prop="modifyTime"
        header-align="center"
        align="center"
        label="修改时间">
      </el-table-column>
      <el-table-column
        prop="creater"
        header-align="center"
        align="center"
        label="创建者">
      </el-table-column>
      <el-table-column
        prop="modifier"
        header-align="center"
        align="center"
        label="修改者">
      </el-table-column>
      <el-table-column
        prop="isDel"
        header-align="center"
        align="center"
        label="是否被删除 状态  0：正常   1：删除">
      </el-table-column>
      <el-table-column
        fixed="right"
        header-align="center"
        align="center"
        width="150"
        label="操作">
        label="注册情况 0, 1, 2, 现场注册"
      >
      </el-table-column>-->
      <!-- <el-table-column prop="createTime" header-align="center" align="center" label="创建时间"></el-table-column> -->
      <el-table-column prop="modifyTime" header-align="center" align="center" label="修改时间"></el-table-column>
      <el-table-column prop="creater" header-align="center" align="center" label="创建者"></el-table-column>
      <el-table-column prop="modifier" header-align="center" align="center" label="修改者"></el-table-column>
      <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
        <template slot-scope="scope">
          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
          <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
@@ -185,111 +76,120 @@
      :page-sizes="[10, 20, 50, 100]"
      :page-size="pageSize"
      :total="totalPage"
      layout="total, sizes, prev, pager, next, jumper">
    </el-pagination>
      layout="total, sizes, prev, pager, next, jumper"
    ></el-pagination>
    <!-- 弹窗, 新增 / 修改 -->
    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
  </div>
</template>
<script>
  import AddOrUpdate from './attenders-add-or-update'
  export default {
    data () {
      return {
        dataForm: {
          key: ''
        },
        dataList: [],
        pageIndex: 1,
        pageSize: 10,
        totalPage: 0,
        dataListLoading: false,
        dataListSelections: [],
        addOrUpdateVisible: false
      }
import AddOrUpdate from "./attenders-add-or-update";
export default {
  data() {
    return {
      dataForm: {
        key: ""
      },
      dataList: [],
      pageIndex: 1,
      pageSize: 10,
      totalPage: 0,
      dataListLoading: false,
      dataListSelections: [],
      addOrUpdateVisible: false
    };
  },
  components: {
    AddOrUpdate
  },
  activated() {
    this.getDataList();
  },
  methods: {
    // 获取数据列表
    getDataList() {
      this.dataListLoading = true;
      this.$http({
        url: this.$http.adornUrl("/admin/attenders/list"),
        method: "get",
        params: this.$http.adornParams({
          page: this.pageIndex,
          limit: this.pageSize,
          key: this.dataForm.key
        })
      }).then(({ data }) => {
        if (data && data.code === 0) {
          this.dataList = data.page.list;
          this.totalPage = data.page.totalCount;
        } else {
          this.dataList = [];
          this.totalPage = 0;
        }
        this.dataListLoading = false;
      });
    },
    // 每页数
    sizeChangeHandle(val) {
      this.pageSize = val;
      this.pageIndex = 1;
      this.getDataList();
    },
    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val;
      this.getDataList();
    },
    components: {
      AddOrUpdate
    // 多选
    selectionChangeHandle(val) {
      this.dataListSelections = val;
    },
    activated () {
      this.getDataList()
    // 新增 / 修改
    addOrUpdateHandle(id) {
      this.addOrUpdateVisible = true;
      this.$nextTick(() => {
        this.$refs.addOrUpdate.init(id);
      });
    },
    methods: {
      // 获取数据列表
      getDataList () {
        this.dataListLoading = true
    // 删除
    deleteHandle(id) {
      var ids = id
        ? [id]
        : this.dataListSelections.map(item => {
            return item.id;
          });
      this.$confirm(
        `确定对[id=${ids.join(",")}]进行[${id ? "删除" : "批量删除"}]操作?`,
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      ).then(() => {
        this.$http({
          url: this.$http.adornUrl('/admin/attenders/list'),
          method: 'get',
          params: this.$http.adornParams({
            'page': this.pageIndex,
            'limit': this.pageSize,
            'key': this.dataForm.key
          })
        }).then(({data}) => {
          url: this.$http.adornUrl("/admin/attenders/delete"),
          method: "post",
          data: this.$http.adornData(ids, false)
        }).then(({ data }) => {
          if (data && data.code === 0) {
            this.dataList = data.page.list
            this.totalPage = data.page.totalCount
            this.$message({
              message: "操作成功",
              type: "success",
              duration: 1500,
              onClose: () => {
                this.getDataList();
              }
            });
          } else {
            this.dataList = []
            this.totalPage = 0
            this.$message.error(data.msg);
          }
          this.dataListLoading = false
        })
      },
      // 每页数
      sizeChangeHandle (val) {
        this.pageSize = val
        this.pageIndex = 1
        this.getDataList()
      },
      // 当前页
      currentChangeHandle (val) {
        this.pageIndex = val
        this.getDataList()
      },
      // 多选
      selectionChangeHandle (val) {
        this.dataListSelections = val
      },
      // 新增 / 修改
      addOrUpdateHandle (id) {
        this.addOrUpdateVisible = true
        this.$nextTick(() => {
          this.$refs.addOrUpdate.init(id)
        })
      },
      // 删除
      deleteHandle (id) {
        var ids = id ? [id] : this.dataListSelections.map(item => {
          return item.id
        })
        this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$http({
            url: this.$http.adornUrl('/admin/attenders/delete'),
            method: 'post',
            data: this.$http.adornData(ids, false)
          }).then(({data}) => {
            if (data && data.code === 0) {
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                  this.getDataList()
                }
              })
            } else {
              this.$message.error(data.msg)
            }
          })
        })
      }
        });
      });
    },
    changeStatus(id) {
      window.console.log(id);
    }
  }
};
</script>

src/views/modules/admin/lecture-add-or-update.vue

@@ -199,7 +199,6 @@ export default {
          meetingId: this.$route.params.id
        })
      }).then(({ data }) => {
        // window.console.log(data);
        if (data && data.code === 0) {
          this.loading = false;
          this.meetingList = data.list;

src/views/modules/admin/member-add-or-update.vue

@@ -45,6 +45,7 @@
      <el-form-item label="职称" prop="jobTitle">
        <el-input v-model="dataForm.jobTitle" placeholder="职称"></el-input>
      </el-form-item>
     
      <el-form-item label="电话" prop="phone">
        <el-input v-model="dataForm.phone" placeholder="电话"></el-input>
      </el-form-item>
@@ -144,7 +145,6 @@ export default {
  },
  methods: {
    init(id) {
      window.console.log(id)
      this.dataForm.id = id || 0;
      if (this.dataForm.id === 0) {
        this.add = true;

src/views/modules/admin/payment-add-or-update.vue

@@ -2,59 +2,102 @@
  <el-dialog
    :title="!dataForm.id ? '新增' : '修改'"
    :close-on-click-modal="false"
    :visible.sync="visible">
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
    <el-form-item label="订单号" prop="orderId">
      <el-input v-model="dataForm.orderId" placeholder="订单号"></el-input>
    </el-form-item>
    <el-form-item label="参会人员id" prop="attendersId">
      <el-input v-model="dataForm.attendersId" placeholder="参会人员id"></el-input>
    </el-form-item>
    <el-form-item label="费用类型id" prop="feeId">
      <el-input v-model="dataForm.feeId" placeholder="费用类型id"></el-input>
    </el-form-item>
    <el-form-item label="缴费时间" prop="payTime">
      <el-input v-model="dataForm.payTime" placeholder="缴费时间"></el-input>
    </el-form-item>
    <el-form-item label="缴费方式" prop="payType">
      <el-input v-model="dataForm.payType" placeholder="缴费方式"></el-input>
    </el-form-item>
    <el-form-item label="缴费项目" prop="payOption">
      <el-input v-model="dataForm.payOption" placeholder="缴费项目"></el-input>
    </el-form-item>
    <el-form-item label="金额" prop="money">
      <el-input v-model="dataForm.money" placeholder="金额"></el-input>
    </el-form-item>
    <el-form-item label="发票抬头" prop="taxTitle">
      <el-input v-model="dataForm.taxTitle" placeholder="发票抬头"></el-input>
    </el-form-item>
    <el-form-item label="纳税人税号" prop="taxNumber">
      <el-input v-model="dataForm.taxNumber" placeholder="纳税人税号"></el-input>
    </el-form-item>
    <el-form-item label="地址 电话" prop="addrPhone">
      <el-input v-model="dataForm.addrPhone" placeholder="地址 电话"></el-input>
    </el-form-item>
    <el-form-item label="开户行及账号" prop="bankAddrAccount">
      <el-input v-model="dataForm.bankAddrAccount" placeholder="开户行及账号"></el-input>
    </el-form-item>
    <el-form-item label="邮寄地址" prop="taxAddress">
      <el-input v-model="dataForm.taxAddress" placeholder="邮寄地址"></el-input>
    </el-form-item>
    <el-form-item label="确认是否已缴费" prop="isCheck">
      <el-input v-model="dataForm.isCheck" placeholder="确认是否已缴费"></el-input>
    </el-form-item>
    <el-form-item label="创建时间" prop="createTime">
      <el-input v-model="dataForm.createTime" placeholder="创建时间"></el-input>
    </el-form-item>
    <el-form-item label="是否被删除 状态  0：正常   1：删除" prop="isDel">
      <el-input v-model="dataForm.isDel" placeholder="是否被删除 状态  0：正常   1：删除"></el-input>
    </el-form-item>
    <el-form-item label="会议id" prop="meetingId">
      <el-input v-model="dataForm.meetingId" placeholder="会议id"></el-input>
    </el-form-item>
    <el-form-item label="发票类型0普1专" prop="taxType">
      <el-input v-model="dataForm.taxType" placeholder="发票类型0普1专"></el-input>
    </el-form-item>
    :visible.sync="visible"
  >
    <el-form
      :model="dataForm"
      :rules="dataRule"
      ref="dataForm"
      @keyup.enter.native="dataFormSubmit()"
      label-width="120px"
    >
      <!-- <el-form-item label="订单号" prop="orderId">
        <el-input v-model="dataForm.orderId" placeholder="订单号"></el-input>
      </el-form-item>-->
      <el-form-item label="参会人员" prop="attenders">
        <!-- <el-input v-model="dataForm.attendersId" placeholder="参会人员id"></el-input> -->
        <el-select
          style="width:220px"
          v-model="dataForm.attenders"
          filterable
          remote
          reserve-keyword
          placeholder="请输入关键词"
          :remote-method="remoteMethod"
          :loading="loading"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
      </el-form-item>
      <!-- <el-form-item label="费用类型id" prop="feeId">
        <el-input v-model="dataForm.feeId" placeholder="费用类型id"></el-input>
      </el-form-item>-->
      <el-form-item label="缴费时间" prop="payTime">
        <!-- <el-input v-model="dataForm.payTime" placeholder="缴费时间"></el-input> -->
        <el-date-picker
          v-model="dataForm.payTime"
          type="datetime"
          placeholder="选择日期时间"
          value-format="yyyy-MM-dd HH:mm:ss"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="缴费方式" prop="payType">
        <!-- <el-input v-model="dataForm.payType" placeholder="缴费方式"></el-input> -->
        <el-select v-model="dataForm.payType" placeholder="请选择">
          <el-option
            v-for="item in payTypeList"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="缴费项目" prop="payOption">
        <el-input v-model="dataForm.payOption" placeholder="缴费项目"></el-input>
      </el-form-item>
      <el-form-item label="费用类型" prop="feeId">
        <el-input v-model="dataForm.feeId" placeholder="缴费项目"></el-input>
      </el-form-item>
      <el-form-item label="金额" prop="money">
        <el-input v-model="dataForm.money" placeholder="金额"></el-input>
      </el-form-item>
      <el-form-item label="发票抬头" prop="taxTitle">
        <el-input v-model="dataForm.taxTitle" placeholder="发票抬头"></el-input>
      </el-form-item>
      <el-form-item label="纳税人税号" prop="taxNumber">
        <el-input v-model="dataForm.taxNumber" placeholder="纳税人税号"></el-input>
      </el-form-item>
      <el-form-item label="地址 电话" prop="addrPhone">
        <el-input v-model="dataForm.addrPhone" placeholder="电话"></el-input>
      </el-form-item>
      <el-form-item label="开户行及账号" prop="bankAddrAccount">
        <el-input v-model="dataForm.bankAddrAccount" placeholder="开户行及账号"></el-input>
      </el-form-item>
      <el-form-item label="邮寄地址" prop="taxAddress">
        <el-input v-model="dataForm.taxAddress" placeholder="邮寄地址"></el-input>
      </el-form-item>
      <el-form-item label="确认是否已缴费" prop="isCheck">
        <!-- <el-input v-model="dataForm.isPay" placeholder="确认是否已缴费"></el-input> -->
        <el-radio v-model="dataForm.isPay" :label="1">是</el-radio>
        <el-radio v-model="dataForm.isPay" :label="0">否</el-radio>
      </el-form-item>
      <!-- <el-form-item label="创建时间" prop="createTime">
        <el-input v-model="dataForm.createTime" placeholder="创建时间"></el-input>
      </el-form-item>-->
      <!-- <el-form-item label="是否被删除 状态  0：正常   1：删除" prop="isDel">
        <el-input v-model="dataForm.isDel" placeholder="是否被删除 状态  0：正常   1：删除"></el-input>
      </el-form-item>-->
      <!-- <el-form-item label="会议id" prop="meetingId">
        <el-input v-model="dataForm.meetingId" placeholder="会议id"></el-input>
      </el-form-item>-->
      <!-- <el-form-item label="发票类型0普1专" prop="taxType">
        <el-input v-model="dataForm.taxType" placeholder="发票类型0普1专"></el-input>
      </el-form-item>-->
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
@@ -64,165 +107,215 @@
</template>
<script>
  export default {
    data () {
      return {
        visible: false,
        dataForm: {
          id: 0,
          orderId: '',
          attendersId: '',
          feeId: '',
          payTime: '',
          payType: '',
          payOption: '',
          money: '',
          taxTitle: '',
          taxNumber: '',
          addrPhone: '',
          bankAddrAccount: '',
          taxAddress: '',
          isCheck: '',
          createTime: '',
          isDel: '',
          meetingId: '',
          taxType: ''
export default {
  data() {
    return {
      visible: false,
      dataForm: {
        id: 0,
        attenders: "", //参会人员id
        payTime: "", //付款时间
        payType: "", //付款方式
        payOption: "", //付款项目
        feeId: "", //费用类型
        money: "", //金额
        isPay: "", //是否付款
        taxType: "", //发票类型
        taxTitle: "", //发票抬头
        taxNumber: "", //发票号
        addrPhone: "", //电话
        bankAddrAccount: "", //开户行
        taxAddress: "" //发票地址
      },
      dataRule: {
        orderId: [
          { required: true, message: "订单号不能为空", trigger: "blur" }
        ],
        attendersId: [
          { required: true, message: "参会人员id不能为空", trigger: "blur" }
        ],
        feeId: [
          { required: true, message: "费用类型id不能为空", trigger: "blur" }
        ],
        payTime: [
          { required: true, message: "缴费时间不能为空", trigger: "blur" }
        ],
        payType: [
          { required: true, message: "缴费方式不能为空", trigger: "blur" }
        ],
        payOption: [
          { required: true, message: "缴费项目不能为空", trigger: "blur" }
        ],
        money: [{ required: true, message: "金额不能为空", trigger: "blur" }],
        taxTitle: [
          { required: true, message: "发票抬头不能为空", trigger: "blur" }
        ],
        taxNumber: [
          { required: true, message: "纳税人税号不能为空", trigger: "blur" }
        ],
        addrPhone: [
          { required: true, message: "地址 电话不能为空", trigger: "blur" }
        ],
        bankAddrAccount: [
          { required: true, message: "开户行及账号不能为空", trigger: "blur" }
        ],
        taxAddress: [
          { required: true, message: "邮寄地址不能为空", trigger: "blur" }
        ],
        isCheck: [
          { required: true, message: "确认是否已缴费不能为空", trigger: "blur" }
        ],
        createTime: [
          { required: true, message: "创建时间不能为空", trigger: "blur" }
        ],
        isDel: [
          {
            required: true,
            message: "是否被删除 状态  0：正常   1：删除不能为空",
            trigger: "blur"
          }
        ],
        meetingId: [
          { required: true, message: "会议id不能为空", trigger: "blur" }
        ],
        taxType: [
          { required: true, message: "发票类型0普1专不能为空", trigger: "blur" }
        ]
      },
      loading: false,
      meetingList: [],
      list: [],
      options: [],
      payTypeList: [
        {
          value: "1",
          label: "线上缴费"
        },
        dataRule: {
          orderId: [
            { required: true, message: '订单号不能为空', trigger: 'blur' }
          ],
          attendersId: [
            { required: true, message: '参会人员id不能为空', trigger: 'blur' }
          ],
          feeId: [
            { required: true, message: '费用类型id不能为空', trigger: 'blur' }
          ],
          payTime: [
            { required: true, message: '缴费时间不能为空', trigger: 'blur' }
          ],
          payType: [
            { required: true, message: '缴费方式不能为空', trigger: 'blur' }
          ],
          payOption: [
            { required: true, message: '缴费项目不能为空', trigger: 'blur' }
          ],
          money: [
            { required: true, message: '金额不能为空', trigger: 'blur' }
          ],
          taxTitle: [
            { required: true, message: '发票抬头不能为空', trigger: 'blur' }
          ],
          taxNumber: [
            { required: true, message: '纳税人税号不能为空', trigger: 'blur' }
          ],
          addrPhone: [
            { required: true, message: '地址 电话不能为空', trigger: 'blur' }
          ],
          bankAddrAccount: [
            { required: true, message: '开户行及账号不能为空', trigger: 'blur' }
          ],
          taxAddress: [
            { required: true, message: '邮寄地址不能为空', trigger: 'blur' }
          ],
          isCheck: [
            { required: true, message: '确认是否已缴费不能为空', trigger: 'blur' }
          ],
          createTime: [
            { required: true, message: '创建时间不能为空', trigger: 'blur' }
          ],
          isDel: [
            { required: true, message: '是否被删除 状态  0：正常   1：删除不能为空', trigger: 'blur' }
          ],
          meetingId: [
            { required: true, message: '会议id不能为空', trigger: 'blur' }
          ],
          taxType: [
            { required: true, message: '发票类型0普1专不能为空', trigger: 'blur' }
          ]
        {
          value: "2",
          label: "现场缴费"
        }
      }
      ]
    };
  },
  created() {
    this.getPaymentByname();
  },
  methods: {
    init(id) {
      this.dataForm.id = id || 0;
      this.visible = true;
      this.$nextTick(() => {
        this.$refs["dataForm"].resetFields();
        if (this.dataForm.id) {
          this.$http({
            url: this.$http.adornUrl(`/admin/payment/info/${this.dataForm.id}`),
            method: "get",
            params: this.$http.adornParams()
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.dataForm.orderId = data.payment.orderId;
              this.dataForm.attenders = data.payment.attenders;
              this.dataForm.feeId = data.payment.feeId;
              this.dataForm.payTime = data.payment.payTime;
              this.dataForm.payType = data.payment.payType;
              this.dataForm.payOption = data.payment.payOption;
              this.dataForm.money = data.payment.money;
              this.dataForm.taxTitle = data.payment.taxTitle;
              this.dataForm.taxNumber = data.payment.taxNumber;
              this.dataForm.addrPhone = data.payment.addrPhone;
              this.dataForm.bankAddrAccount = data.payment.bankAddrAccount;
              this.dataForm.taxAddress = data.payment.taxAddress;
              this.dataForm.isCheck = data.payment.isCheck;
              this.dataForm.createTime = data.payment.createTime;
              this.dataForm.isDel = data.payment.isDel;
              this.dataForm.meetingId = data.payment.meetingId;
              this.dataForm.taxType = data.payment.taxType;
            }
          });
        }
      });
    },
    methods: {
      init (id) {
        this.dataForm.id = id || 0
        this.visible = true
        this.$nextTick(() => {
          this.$refs['dataForm'].resetFields()
          if (this.dataForm.id) {
            this.$http({
              url: this.$http.adornUrl(`/admin/payment/info/${this.dataForm.id}`),
              method: 'get',
              params: this.$http.adornParams()
            }).then(({data}) => {
              if (data && data.code === 0) {
                this.dataForm.orderId = data.payment.orderId
                this.dataForm.attendersId = data.payment.attendersId
                this.dataForm.feeId = data.payment.feeId
                this.dataForm.payTime = data.payment.payTime
                this.dataForm.payType = data.payment.payType
                this.dataForm.payOption = data.payment.payOption
                this.dataForm.money = data.payment.money
                this.dataForm.taxTitle = data.payment.taxTitle
                this.dataForm.taxNumber = data.payment.taxNumber
                this.dataForm.addrPhone = data.payment.addrPhone
                this.dataForm.bankAddrAccount = data.payment.bankAddrAccount
                this.dataForm.taxAddress = data.payment.taxAddress
                this.dataForm.isCheck = data.payment.isCheck
                this.dataForm.createTime = data.payment.createTime
                this.dataForm.isDel = data.payment.isDel
                this.dataForm.meetingId = data.payment.meetingId
                this.dataForm.taxType = data.payment.taxType
              }
            })
          }
        })
      },
      // 表单提交
      dataFormSubmit () {
        this.$refs['dataForm'].validate((valid) => {
          if (valid) {
            this.$http({
              url: this.$http.adornUrl(`/admin/payment/${!this.dataForm.id ? 'save' : 'update'}`),
              method: 'post',
              data: this.$http.adornData({
                'id': this.dataForm.id || undefined,
                'orderId': this.dataForm.orderId,
                'attendersId': this.dataForm.attendersId,
                'feeId': this.dataForm.feeId,
                'payTime': this.dataForm.payTime,
                'payType': this.dataForm.payType,
                'payOption': this.dataForm.payOption,
                'money': this.dataForm.money,
                'taxTitle': this.dataForm.taxTitle,
                'taxNumber': this.dataForm.taxNumber,
                'addrPhone': this.dataForm.addrPhone,
                'bankAddrAccount': this.dataForm.bankAddrAccount,
                'taxAddress': this.dataForm.taxAddress,
                'isCheck': this.dataForm.isCheck,
                'createTime': this.dataForm.createTime,
                'isDel': this.dataForm.isDel,
                'meetingId': this.dataForm.meetingId,
                'taxType': this.dataForm.taxType
              })
            }).then(({data}) => {
              if (data && data.code === 0) {
                this.$message({
                  message: '操作成功',
                  type: 'success',
                  duration: 1500,
                  onClose: () => {
                    this.visible = false
                    this.$emit('refreshDataList')
                  }
                })
              } else {
                this.$message.error(data.msg)
              }
    // 表单提交
    dataFormSubmit() {
      this.$refs["dataForm"].validate(valid => {
        if (valid) {
          this.$http({
            url: this.$http.adornUrl(
              `/admin/payment/${!this.dataForm.id ? "save" : "update"}`
            ),
            method: "post",
            data: this.$http.adornData({
              id: this.dataForm.id || undefined,
              orderId: this.dataForm.orderId,
              attendersId: this.dataForm.attendersId,
              feeId: this.dataForm.feeId,
              payTime: this.dataForm.payTime,
              payType: this.dataForm.payType,
              payOption: this.dataForm.payOption,
              money: this.dataForm.money,
              taxTitle: this.dataForm.taxTitle,
              taxNumber: this.dataForm.taxNumber,
              addrPhone: this.dataForm.addrPhone,
              bankAddrAccount: this.dataForm.bankAddrAccount,
              taxAddress: this.dataForm.taxAddress,
              isCheck: this.dataForm.isCheck,
              createTime: this.dataForm.createTime,
              isDel: this.dataForm.isDel,
              meetingId: this.dataForm.meetingId,
              taxType: this.dataForm.taxType
            })
          }
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.$message({
                message: "操作成功",
                type: "success",
                duration: 1500,
                onClose: () => {
                  this.visible = false;
                  this.$emit("refreshDataList");
                }
              });
            } else {
              this.$message.error(data.msg);
            }
          });
        }
      });
    },
    getPaymentByname(name = "") {
      this.loading = true;
      this.$http({
        url: this.$http.adornUrl(`/admin/attenders/selectbyname`),
        method: "get",
        params: this.$http.adornParams({
          name: name,
          meetingId: this.$route.params.id
        })
      }).then(({ data }) => {
        window.console.log(data);
        if (data) {
          this.loading = false;
          this.meetingList = data.list;
          this.list = this.meetingList.map(item => {
            return { value: `${item.id}`, label: `${item.name}` };
          });
        }
      });
    },
    remoteMethod(query) {
      if (query !== "") {
        this.loading = true;
        setTimeout(() => {
          this.loading = false;
          this.options = this.list.filter(item => {
            return item.label.toLowerCase().indexOf(query.toLowerCase()) > -1;
          });
        }, 300);
      } else {
        this.options = [];
      }
    }
  }
};
</script>

src/views/modules/admin/payment.vue

@@ -6,8 +6,17 @@
      </el-form-item>
      <el-form-item>
        <el-button @click="getDataList()">查询</el-button>
        <el-button v-if="isAuth('admin:payment:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
        <el-button v-if="isAuth('admin:payment:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
        <!-- <el-button
          v-if="isAuth('admin:payment:save')"
          type="primary"
          @click="addOrUpdateHandle()"
        >新增</el-button> -->
        <el-button
          v-if="isAuth('admin:payment:delete')"
          type="danger"
          @click="deleteHandle()"
          :disabled="dataListSelections.length <= 0"
        >批量删除</el-button>
      </el-form-item>
    </el-form>
    <el-table
@@ -15,127 +24,26 @@
      border
      v-loading="dataListLoading"
      @selection-change="selectionChangeHandle"
      style="width: 100%;">
      <el-table-column
        type="selection"
        header-align="center"
        align="center"
        width="50">
      </el-table-column>
      <el-table-column
        prop="id"
        header-align="center"
        align="center"
        label="缴费信息id">
      </el-table-column>
      <el-table-column
        prop="orderId"
        header-align="center"
        align="center"
        label="订单号">
      </el-table-column>
      <el-table-column
        prop="attendersId"
        header-align="center"
        align="center"
        label="参会人员id">
      </el-table-column>
      <el-table-column
        prop="feeId"
        header-align="center"
        align="center"
        label="费用类型id">
      </el-table-column>
      <el-table-column
        prop="payTime"
        header-align="center"
        align="center"
        label="缴费时间">
      </el-table-column>
      <el-table-column
        prop="payType"
        header-align="center"
        align="center"
        label="缴费方式">
      </el-table-column>
      <el-table-column
        prop="payOption"
        header-align="center"
        align="center"
        label="缴费项目">
      </el-table-column>
      <el-table-column
        prop="money"
        header-align="center"
        align="center"
        label="金额">
      </el-table-column>
      <el-table-column
        prop="taxTitle"
        header-align="center"
        align="center"
        label="发票抬头">
      </el-table-column>
      <el-table-column
        prop="taxNumber"
        header-align="center"
        align="center"
        label="纳税人税号">
      </el-table-column>
      <el-table-column
        prop="addrPhone"
        header-align="center"
        align="center"
        label="地址 电话">
      </el-table-column>
      <el-table-column
        prop="bankAddrAccount"
        header-align="center"
        align="center"
        label="开户行及账号">
      </el-table-column>
      <el-table-column
        prop="taxAddress"
        header-align="center"
        align="center"
        label="邮寄地址">
      </el-table-column>
      <el-table-column
        prop="isCheck"
        header-align="center"
        align="center"
        label="确认是否已缴费">
      </el-table-column>
      <el-table-column
        prop="createTime"
        header-align="center"
        align="center"
        label="创建时间">
      </el-table-column>
      <el-table-column
        prop="isDel"
        header-align="center"
        align="center"
        label="是否被删除 状态  0：正常   1：删除">
      </el-table-column>
      <el-table-column
        prop="meetingId"
        header-align="center"
        align="center"
        label="会议id">
      </el-table-column>
      <el-table-column
        prop="taxType"
        header-align="center"
        align="center"
        label="发票类型0普1专">
      </el-table-column>
      <el-table-column
        fixed="right"
        header-align="center"
        align="center"
        width="150"
        label="操作">
      style="width: 100%;"
    >
      <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
      <el-table-column prop="orderId" header-align="center" align="center" label="订单号"></el-table-column>
      <el-table-column prop="truename" header-align="center" align="center" label="缴费人"></el-table-column>
      <el-table-column prop="organization" header-align="center" align="center" label="所在机构"></el-table-column>
      <!-- <el-table-column prop="feeId" header-align="center" align="center" label="费用类型id"></el-table-column> -->
      <el-table-column prop="payType" header-align="center" align="center" label="缴费方式"></el-table-column>
      <!-- <el-table-column prop="payOption" header-align="center" align="center" label="缴费项目"></el-table-column> -->
      <el-table-column prop="isPay" header-align="center" align="center" label="是否付费"></el-table-column>
      <!-- <el-table-column prop="taxTitle" header-align="center" align="center" label="发票抬头"></el-table-column>
      <el-table-column prop="taxNumber" header-align="center" align="center" label="纳税人税号"></el-table-column> -->
      <el-table-column prop="phone" header-align="center" align="center" label="联系电话"></el-table-column>
      <!-- <el-table-column prop="bankAddrAccount" header-align="center" align="center" label="开户行及账号"></el-table-column> -->
      <!-- <el-table-column prop="taxAddress" header-align="center" align="center" label="邮寄地址"></el-table-column> -->
      <!-- <el-table-column prop="isCheck" header-align="center" align="center" label="确认是否已缴费"></el-table-column>
      <el-table-column prop="taxType" header-align="center" align="center" label="发票类型0普1专"></el-table-column> -->
      <el-table-column prop="payTime" header-align="center" align="center" label="缴费时间"></el-table-column>
      <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
        <template slot-scope="scope">
          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
          <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
@@ -149,111 +57,118 @@
      :page-sizes="[10, 20, 50, 100]"
      :page-size="pageSize"
      :total="totalPage"
      layout="total, sizes, prev, pager, next, jumper">
    </el-pagination>
      layout="total, sizes, prev, pager, next, jumper"
    ></el-pagination>
    <!-- 弹窗, 新增 / 修改 -->
    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
  </div>
</template>
<script>
  import AddOrUpdate from './payment-add-or-update'
  export default {
    data () {
      return {
        dataForm: {
          key: ''
        },
        dataList: [],
        pageIndex: 1,
        pageSize: 10,
        totalPage: 0,
        dataListLoading: false,
        dataListSelections: [],
        addOrUpdateVisible: false
      }
import AddOrUpdate from "./payment-add-or-update";
export default {
  data() {
    return {
      dataForm: {
        key: ""
      },
      dataList: [],
      pageIndex: 1,
      pageSize: 10,
      totalPage: 0,
      dataListLoading: false,
      dataListSelections: [],
      addOrUpdateVisible: false
    };
  },
  components: {
    AddOrUpdate
  },
  activated() {
    this.getDataList();
  },
  methods: {
    // 获取数据列表
    getDataList() {
      this.dataListLoading = true;
      this.$http({
        url: this.$http.adornUrl("/admin/payment/list"),
        method: "get",
        params: this.$http.adornParams({
          meetingId: this.$route.params.id,
          page: this.pageIndex,
          limit: this.pageSize,
          key: this.dataForm.key
        })
      }).then(({ data }) => {
        if (data && data.code === 0) {
          this.dataList = data.page.list;
          this.totalPage = data.page.totalCount;
        } else {
          this.dataList = [];
          this.totalPage = 0;
        }
        this.dataListLoading = false;
      });
    },
    // 每页数
    sizeChangeHandle(val) {
      this.pageSize = val;
      this.pageIndex = 1;
      this.getDataList();
    },
    components: {
      AddOrUpdate
    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val;
      this.getDataList();
    },
    activated () {
      this.getDataList()
    // 多选
    selectionChangeHandle(val) {
      this.dataListSelections = val;
    },
    methods: {
      // 获取数据列表
      getDataList () {
        this.dataListLoading = true
    // 新增 / 修改
    addOrUpdateHandle(id) {
      this.addOrUpdateVisible = true;
      this.$nextTick(() => {
        this.$refs.addOrUpdate.init(id);
      });
    },
    // 删除
    deleteHandle(id) {
      var ids = id
        ? [id]
        : this.dataListSelections.map(item => {
            return item.id;
          });
      this.$confirm(
        `确定对[id=${ids.join(",")}]进行[${id ? "删除" : "批量删除"}]操作?`,
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      ).then(() => {
        this.$http({
          url: this.$http.adornUrl('/admin/payment/list'),
          method: 'get',
          params: this.$http.adornParams({
            'page': this.pageIndex,
            'limit': this.pageSize,
            'key': this.dataForm.key
          })
        }).then(({data}) => {
          url: this.$http.adornUrl("/admin/payment/delete"),
          method: "post",
          data: this.$http.adornData(ids, false)
        }).then(({ data }) => {
          if (data && data.code === 0) {
            this.dataList = data.page.list
            this.totalPage = data.page.totalCount
            this.$message({
              message: "操作成功",
              type: "success",
              duration: 1500,
              onClose: () => {
                this.getDataList();
              }
            });
          } else {
            this.dataList = []
            this.totalPage = 0
            this.$message.error(data.msg);
          }
          this.dataListLoading = false
        })
      },
      // 每页数
      sizeChangeHandle (val) {
        this.pageSize = val
        this.pageIndex = 1
        this.getDataList()
      },
      // 当前页
      currentChangeHandle (val) {
        this.pageIndex = val
        this.getDataList()
      },
      // 多选
      selectionChangeHandle (val) {
        this.dataListSelections = val
      },
      // 新增 / 修改
      addOrUpdateHandle (id) {
        this.addOrUpdateVisible = true
        this.$nextTick(() => {
          this.$refs.addOrUpdate.init(id)
        })
      },
      // 删除
      deleteHandle (id) {
        var ids = id ? [id] : this.dataListSelections.map(item => {
          return item.id
        })
        this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$http({
            url: this.$http.adornUrl('/admin/payment/delete'),
            method: 'post',
            data: this.$http.adornData(ids, false)
          }).then(({data}) => {
            if (data && data.code === 0) {
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                  this.getDataList()
                }
              })
            } else {
              this.$message.error(data.msg)
            }
          })
        })
      }
        });
      });
    }
  }
};
</script>