缴费管理,会议首页

src/components/meetingbox/index.vue

<template>
  <el-col :span="4" style="margin-left:30px"  @click.native="handClick()" >
    <el-card :body-style="{ padding: '8px' }" style="height:380px">
      <div class="bg" :style="{backgroundImage: 'url(' + httpimage + ')', backgroundSize:'cover'}"></div>
  <el-col :span="4" style="margin-left:30px">
    <el-card :body-style="{ padding: '8px' }" style="height:400px">
      <div
        class="bg"
        :style="{backgroundImage: 'url( http://121.42.53.174:9008/static' + image + ')', backgroundSize:'cover'}"
        @click="handClick()"
      ></div>
      <div style="padding: 14px;">
        <span style="font-size:20px">{{this.list.nameCn}}</span>
        <div class="bottom clearfix">
          <time class="time">{{this.list.address}}</time>
          <p class="time">举办时间:{{this.list.startTime}}</p>
          <!-- <el-button type="text" class="button">操作按钮</el-button> -->
          <el-button type="text" class="button" v-if="this.list.isCheck===0">发布</el-button>
          <el-button type="text" class="button" v-if="this.list.isCheck===1">会议结束</el-button>
          <el-button type="text" class="button" v-if="this.list.isCheck===2">会议结束</el-button>
        </div>
      </div>
    </el-card>
  name: "",
  data() {
    return {
      id:'',
      httpimage:
        "http://a2.att.hudong.com/36/48/19300001357258133412489354717.jpg"
      id: "",
      httpimage: "",
      image: []
    };
  },
  props: {
  computed: {},
  beforeMount() {},
  mounted() {
    this.getMeetingId()
    this.getMeetingId();
  },
  methods: {
    handClick(){
      this.$router.push({path:`/admin-meeting/${this.id}`})
    handClick() {
      this.$router.push({ path: `/admin-meeting/${this.id}` });
    },
    getMeetingId() {
      this.id = this.list.id
      this.id = this.list.id;
      this.httpimage = this.list.titlePicture;
      this.image =
        this.httpimage.length === 1
          ? this.httpimage
          : this.httpimage.split(",").splice(0, 1).join();
    }
  },
  watch: {}
};
</script>
<style scoped lang='scss'>
.el-card {
  position: relative;
}
.time {
  font-size: 13px;
  color: #999;
}
.button {
  padding: 0;
  position: absolute;
  bottom: -2px;
  right: 15px;
  padding-top: 0px;
  float: right;
}

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

            method: "post",
            data: this.$http.adornData({
              id: this.dataForm.id || undefined,
              meetingId: this.dataForm.meetingId,
              meetingId: this.$route.params.id,
              memberId: this.dataForm.memberId,
              name: this.dataForm.name,
              organization: this.dataForm.organization,

src/views/modules/admin/meeting.vue

  <div class="ll-content">
    <h1>{{meetingData.nameCn}}</h1>
    <div class="box">
      <div class="bgMeeting" :style="{ background: 'url(' + meetingData.titlePicture + ')' }"></div>
      <div class="bgMeeting" :style="{ background: 'url(http://121.42.53.174:9008/static' + meetingData.titlePicture + ') 100% 100%' }"></div>
      <el-form label-width="200px">
        <el-form-item label="会议名称" class="fz_30">{{meetingData.nameCn}}</el-form-item>

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

      :rules="dataRule"
      ref="dataForm"
      @keyup.enter.native="dataFormSubmit()"
      label-width="120px"
      label-width="150px"
    >
      <!-- <el-form-item label="订单号" prop="orderId">
        <el-input v-model="dataForm.orderId" placeholder="订单号"></el-input>
          value-format="yyyy-MM-dd HH:mm:ss"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="费用类型" prop="feeId">
        <el-select v-model="dataForm.feeId" placeholder="请选择">
          <el-option
            v-for="item in option"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
      </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-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-select>-->
        <el-radio v-model="dataForm.payType" :label="1">线上缴费</el-radio>
        <el-radio v-model="dataForm.payType" :label="2">现场缴费</el-radio>
      </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="taxNumber">
        <el-input v-model="dataForm.taxNumber" placeholder="纳税人税号"></el-input>
      </el-form-item>
      <el-form-item label="地址 电话" prop="addrPhone">
      <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-form-item label="邮寄地址" prop="taxAddress">
        <el-input v-model="dataForm.taxAddress" placeholder="邮寄地址"></el-input>
      </el-form-item>
      <el-form-item label="确认是否已缴费" prop="isCheck">
      <el-form-item label="确认是否已缴费" prop="isPay">
        <!-- <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>
        taxAddress: [
          { required: true, message: "邮寄地址不能为空", trigger: "blur" }
        ],
        isCheck: [
        isPay: [
          { 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" }
        ],
          value: "2",
          label: "现场缴费"
        }
      ]
      ],
      typesoffeeList: [],
      option: [],
      feeIdTypeList: [], //费用类型
      option: [],
      page: 0,
      limit: 10,
      meetingId: this.$route.params.id
    };
  },
  created() {
    this.getPaymentByname();
    this.getTypesoffee();
  },
  methods: {
    init(id) {
            method: "get",
            params: this.$http.adornParams()
          }).then(({ data }) => {
            window.console.log(data);
            if (data && data.code === 0) {
              this.dataForm.orderId = data.payment.orderId;
              this.dataForm.attenders = data.payment.attenders;
              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.isPay = data.payment.isPay;
              this.dataForm.meetingId = data.payment.meetingId;
              this.dataForm.taxType = data.payment.taxType;
            }
            method: "post",
            data: this.$http.adornData({
              id: this.dataForm.id || undefined,
              orderId: this.dataForm.orderId,
              attendersId: this.dataForm.attendersId,
              attenders: this.dataForm.attenders,
              feeId: this.dataForm.feeId,
              payTime: this.dataForm.payTime,
              payType: this.dataForm.payType,
              addrPhone: this.dataForm.addrPhone,
              bankAddrAccount: this.dataForm.bankAddrAccount,
              taxAddress: this.dataForm.taxAddress,
              isCheck: this.dataForm.isCheck,
              isPay: this.dataForm.isPay,
              createTime: this.dataForm.createTime,
              isDel: this.dataForm.isDel,
              meetingId: this.dataForm.meetingId,
              taxType: this.dataForm.taxType
            })
          meetingId: this.$route.params.id
        })
      }).then(({ data }) => {
        window.console.log(data);
        if (data) {
          this.loading = false;
          this.meetingList = data.list;
      } else {
        this.options = [];
      }
    },
    getTypesoffee() {
      this.$http({
        url: this.$http.adornUrl(
          `/admin/typesoffee/listbymid/${this.meetingId}`
        ),
        methods: "get",
        params: {}
      }).then(({ data }) => {
        if (data && data.code === 0) {
          this.typesoffeeList = data.list;
          this.option = this.typesoffeeList.map(item => {
            return {
              value: item.id,
              label: item.name
            };
          });
        }
      });
    }
  }
};

src/views/modules/admin/payment.vue

          v-if="isAuth('admin:payment:save')"
          type="primary"
          @click="addOrUpdateHandle()"
        >新增</el-button> -->
        >新增</el-button>-->
        <el-button
          v-if="isAuth('admin:payment:delete')"
          type="danger"
      <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="payType" header-align="center" align="center" label="缴费方式">
        <template slot-scope="scope">
          <el-tag v-if="scope.row.payType===1" type="success">线上缴费</el-tag>
          <el-tag v-else="scope.row.payType===2">现场缴费</el-tag>
        </template>
      </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="isPay" header-align="center" align="center" label="是否付费">
        <template slot-scope="scope">
          <el-tag v-if="scope.row.isPay===0" type="danger">否</el-tag>
          <el-tag v-else="scope.row.isPay===1">是</el-tag>
        </template>
      </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="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="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="操作">
        key: ""
      },
      dataList: [],
      pageIndex: 1,
      pageIndex: 0,
      pageSize: 10,
      totalPage: 0,
      dataListLoading: false,
          }
        });
      });
    },
    handClick(id) {
      window.console.log(id);
    }
  }
};