整合前端代码

src/components/meetingbox/index.vue

@@ -1,6 +1,6 @@
<template>
  <el-col :span="4" style="margin-left:30px"  @click.native="handClick()">
    <el-card :body-style="{ padding: '8px' }">
  <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>
      <div style="padding: 14px;">
        <span style="font-size:20px">{{this.list.nameCn}}</span>

src/views/common/home.vue

@@ -18,7 +18,7 @@
          <h2>未发布中的会议</h2>
        </div>
      </el-col>
      <meeting-box v-for="item in unpublished" :key="item.id" :list="item"></meeting-box>
      <meeting-box v-for="item in unpublished" :key="item.id" :list="item" style="margin-top:10px;"></meeting-box>
    </el-row>
    <el-row>
      <el-col :span="24">
@@ -28,7 +28,7 @@
      </el-col>
    </el-row>
    <el-row>
      <meeting-box v-for="item in release" :key="item.id" :list="item"></meeting-box>
      <meeting-box v-for="item in release" :key="item.id" :list="item" style="margin-top:20px;"></meeting-box>
    </el-row>
    <el-row>
      <el-col :span="24">
@@ -38,7 +38,7 @@
      </el-col>
    </el-row>
    <el-row>
      <meeting-box v-for="item in delRelease" :key="item.id" :list="item"></meeting-box>
      <meeting-box v-for="item in delRelease" :key="item.id" :list="item" style="margin-top:20px;"></meeting-box>
    </el-row>
    <!-- 弹窗, 新增 / 修改 -->
    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
@@ -58,8 +58,8 @@ export default {
      unpublished: [], // 未发布
      release: [], //已发布
      delRelease: [], //结束
      pageIndex: 1,
      pageSize: 10,
      pageIndex: 0,
      pageSize: 30,
      totalPage: 0,
      dataListLoading: false,
      dataListSelections: [],

src/views/modules/admin/employee.vue

@@ -103,6 +103,7 @@ export default {
        })
      }).then(({ data }) => {
        if (data && data.code === 0) {
          window.console.log(data.page.list);
          this.dataList = data.page.list;
          this.totalPage = data.page.totalCount;
        } else {

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

@@ -17,9 +17,9 @@
      <el-form-item label="会议名称(中文)" prop="nameCn">
        <el-input v-model="dataForm.nameCn" placeholder="会议名称(中文)"></el-input>
      </el-form-item>
      <!-- <el-form-item label="会议名称(英文)" prop="nameEn">
      <el-form-item label="会议名称(英文)" prop="nameEn">
        <el-input v-model="dataForm.nameEn" placeholder="会议名称(英文)"></el-input>
      </el-form-item>-->
      </el-form-item>
      <el-form-item label="举办地点" prop="address">
        <el-input v-model="dataForm.address" placeholder="举办地点"></el-input>
      </el-form-item>
@@ -63,13 +63,41 @@
      </el-form-item>
      <el-form-item label="涉及学科" prop="subjects">
        <el-input v-model="dataForm.subjects" placeholder="涉及学科"></el-input>
        <!-- <el-input v-model="dataForm.subjects" placeholder=""></el-input> -->
        <el-autocomplete
          v-model="dataForm.subjects"
          :fetch-suggestions="querySearchAsync"
          placeholder="每次添加一个学科"
          style="width:690px"
        ></el-autocomplete>
        <el-button @click="handSubject">添加</el-button>
      </el-form-item>
      <el-form-item v-if="this.subjects.length!==0">
        <el-tag v-for="(item) in subjects" style="margin-right:8px">{{item}}</el-tag>
      </el-form-item>
      <el-form-item label="涉及行业" prop="industries">
        <el-input v-model="dataForm.industries" placeholder="涉及行业"></el-input>
        <el-autocomplete
          v-model="dataForm.industries"
          :fetch-suggestions="queryIndustriesAsync"
          placeholder="每次添加一个行业"
          style="width:690px"
        ></el-autocomplete>
        <el-button @click="handIndustries">添加</el-button>
      </el-form-item>
      <el-form-item v-if="this.industry.length!==0">
        <el-tag v-for="(item) in industry" style="margin-right:8px">{{item}}</el-tag>
      </el-form-item>
      <el-form-item label="参会人员类型" prop="attendersType">
        <el-input v-model="dataForm.attendersType" placeholder="参会人员类型"></el-input>
        <el-autocomplete
          v-model="dataForm.attendersType"
          :fetch-suggestions="queryAttendersTypeAsync"
          placeholder="每次添加一个类型"
          style="width:690px"
        ></el-autocomplete>
        <el-button @click="handAttendersType">添加</el-button>
      </el-form-item>
      <el-form-item v-if="this.typesofattender.length!==0">
        <el-tag v-for="(item) in typesofattender" style="margin-right:8px">{{item}}</el-tag>
      </el-form-item>
      <el-form-item label="会议负责人" prop="serviceEmp">
        <el-input v-model="dataForm.serviceEmp" placeholder="会议负责人"></el-input>
@@ -191,22 +219,13 @@ export default {
        endTime: [
          { required: true, message: "结束时间不能为空", trigger: "blur" }
        ],
        titlePicture: [
          {
            required: true,
            message: "会议封面图片地址不能为空",
            trigger: "blur"
          }
        ],
        subjects: [
          { required: true, message: "涉及学科不能为空", trigger: "blur" }
        ],
        industries: [
          { required: true, message: "涉及行业不能为空", trigger: "blur" }
        ],
        attendersType: [
          { required: true, message: "参会人员类型不能为空", trigger: "blur" }
        ],
        // titlePicture: [
        //   {
        //     required: true,
        //     message: "会议封面图片地址不能为空",
        //     trigger: "blur"
        //   }
        // ],
        serviceEmp: [
          { required: true, message: "会议负责人不能为空", trigger: "blur" }
        ],
@@ -259,9 +278,23 @@ export default {
      },
      dialogImageUrl: "",
      dialogVisible: false,
      titlePictureList: []
      titlePictureList: [],
      page: 0,
      limit: 10,
      key: "",
      restaurants: [], //学科表信息
      subjects: [], // 提交后台学科表
      industryRestaurants: [], //行业表信息
      industry: [], //提交后台行业表
      typesofattendersRestaurants: [], //参会人员表信息
      typesofattender: [] //参会人员提交后台
    };
  },
  mounted() {
    this.getSubject();
    this.getIndustries();
    this.getAttendersType();
  },
  methods: {
    init(id) {
      this.dataForm.id = id || 0;
@@ -275,7 +308,6 @@ export default {
            params: this.$http.adornParams()
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.dataForm.companyId = data.meeting.companyId;
              this.dataForm.nameCn = data.meeting.nameCn;
              this.dataForm.nameEn = data.meeting.nameEn;
              this.dataForm.address = data.meeting.address;
@@ -292,9 +324,6 @@ export default {
              this.dataForm.subDeadline = data.meeting.subDeadline;
              this.dataForm.subRequirement = data.meeting.subRequirement;
              this.dataForm.introduction = data.meeting.introduction;
              this.dataForm.paperRequireId = data.meeting.paperRequireId;
              this.dataForm.createTime = data.meeting.createTime;
              this.dataForm.modifyTime = data.meeting.modifyTime;
            }
          });
        }
@@ -313,30 +342,29 @@ export default {
            ),
            method: "post",
            data: this.$http.adornData({
              id: this.dataForm.id || undefined,
              companyId: this.dataForm.companyId,
              nameCn: this.dataForm.nameCn,
              nameEn: this.dataForm.nameEn,
              address: this.dataForm.address,
              startTime: this.dataForm.startTime,
              endTime: this.dataForm.endTime,
              officeWebsite: this.dataForm.officeWebsite,
              titlePicture: this.titlePicture.list.join(),
              subjects: this.dataForm.subjects,
              industries: this.dataForm.industries,
              attendersType: this.dataForm.attendersType,
              titlePicture: this.titlePictureList.join(),
              subjects: this.subjects.join(),
              industries: this.industry.join(),
              attendersType: this.typesofattender.join(),
              serviceEmp: this.dataForm.serviceEmp,
              onlineRegDeadline: this.dataForm.onlineRegDeadline,
              onsiteRegDeadline: this.dataForm.onsiteRegDeadline,
              subDeadline: this.dataForm.subDeadline,
              subRequirement: this.dataForm.subRequirement,
              introduction: this.dataForm.introduction,
              paperRequireId: this.dataForm.paperRequireId,
              createTime: this.dataForm.createTime,
              modifyTime: this.dataForm.modifyTime
              introduction: this.dataForm.introduction
            })
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.subjects = "";
              this.titlePictureList = "";
              this.industry = "";
              this.typesofattender = "";
              this.$message({
                message: "操作成功",
                type: "success",
@@ -353,6 +381,7 @@ export default {
        }
      });
    },
    // 上传会议图片
    handleRemove(file, fileList) {
      console.log(file, fileList);
    },
@@ -360,7 +389,7 @@ export default {
      window.console.log(response);
      if (response && response.code === 0) {
        this.titlePictureList.push(response.picname);
        window.console.log(this.titlePictureList.join());
        // window.console.log(this.titlePictureList.join());
        // if (response) {
        //   this.dataForm.titlePicture = response.thumb;
        //   // this.showimg = "http://121.42.53.174:9008/static" + response.thumb;
@@ -371,6 +400,121 @@ export default {
      } else {
        this.$message.error(response.msg);
      }
    },
    //获取会议学科
    getSubject() {
      this.$http({
        url: this.$http.adornUrl("/admin/subject/list"),
        method: "get",
        params: {
          page: this.page,
          limit: this.limit
        }
      }).then(res => {
        if (res && res.data.code === 0) {
          this.restaurants = res.data.page.list;
          for (let i of this.restaurants) {
            i.value = i.name;
          }
        }
      });
    },
    //会议回显
    querySearchAsync(queryString, cb) {
      var restaurants = this.restaurants;
      var results = queryString
        ? restaurants.filter(this.createStateFilter(queryString))
        : restaurants;
      clearTimeout(this.timeout);
      this.timeout = setTimeout(() => {
        cb(results);
      }, 1000 * Math.random());
    },
    createStateFilter(queryString) {
      return restaurant => {
        return (
          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
          0
        );
      };
    },
    //学科
    handSubject() {
      if (this.dataForm.subjects) {
        this.subjects.push(this.dataForm.subjects);
        this.dataForm.subjects = "";
      }
    },
    getIndustries() {
      this.$http({
        url: this.$http.adornUrl("/admin/industry/list"),
        method: "get",
        params: {
          page: this.page,
          limit: this.limit
        }
      }).then(res => {
        if (res && res.data.code === 0) {
          this.industryRestaurants = res.data.page.list;
          for (let i of this.industryRestaurants) {
            i.value = i.name;
          }
        }
      });
    },
    // 行业回显
    queryIndustriesAsync(queryString, cb) {
      let restaurants = this.industryRestaurants;
      let results = queryString
        ? restaurants.filter(this.createStateFilter(queryString))
        : restaurants;
      clearTimeout(this.timeout);
      this.timeout = setTimeout(() => {
        cb(results);
      }, 1000 * Math.random());
    },
    //添加行业下tag渲染
    handIndustries() {
      if (this.dataForm.industries) {
        this.industry.push(this.dataForm.industries);
        this.dataForm.industries = "";
      }
    },
    //获取类型表
    getAttendersType() {
      this.$http({
        url: this.$http.adornUrl("/admin/typesofattenders/list"),
        method: "get",
        params: {
          page: this.page,
          limit: this.limit
        }
      }).then(res => {
        if (res && res.data.code === 0) {
          this.typesofattendersRestaurants = res.data.page.list;
          for (let i of this.typesofattendersRestaurants) {
            i.value = i.name;
          }
        }
      });
    },
    //添加参会人员类型
    queryAttendersTypeAsync(queryString, cb) {
      let restaurants = this.typesofattendersRestaurants;
      let results = queryString
        ? restaurants.filter(this.createStateFilter(queryString))
        : restaurants;
      clearTimeout(this.timeout);
      this.timeout = setTimeout(() => {
        cb(results);
      }, 1000 * Math.random());
    },
    handAttendersType() {
      if (this.dataForm.attendersType) {
        this.typesofattender.push(this.dataForm.attendersType);
        this.dataForm.attendersType = "";
      }
    }
  }
};

src/views/modules/admin/member.vue

@@ -23,7 +23,7 @@
      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="id" header-align="center" align="center" label="会员id (会员表)"></el-table-column> -->
      <el-table-column prop="username" 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>
@@ -49,9 +49,10 @@
          >是</el-button>
        </template>
      </el-table-column>
      <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
      <el-table-column fixed="right" header-align="center" align="center" width="200" 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="repasswordHandle(scope.row.id)">重置密码</el-button>
          <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
        </template>
      </el-table-column>
@@ -139,6 +140,26 @@ export default {
        this.$refs.addOrUpdate.init(id);
      });
    },
    // 重置密码
    repasswordHandle(id) {
      this.$http({
        url: this.$http.adornUrl(`/admin/member/repassword/${id}`),
        method: "post",
        data: this.$http.adornParams()
      }).then(({ data }) => {
        if (data && data.code === 0) {
          this.$message({
            message: "操作成功",
            type: "success",
            duration: 1000,
            onClose: () => {}
          });
        } else {
          this.$message.error(data.msg);
        }
      });
    },
    // 删除
    deleteHandle(id) {
      var ids = id

src/views/modules/admin/sign.vue

@@ -0,0 +1,212 @@
<template>
  <div class="mod-config">
    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
      <el-form-item>
        <el-button @click="exportList()">导出名单</el-button>
      </el-form-item>
      <el-form-item>
        <el-input v-model="dataForm.key" placeholder="请输入参数人员/负责人" clearable></el-input>
      </el-form-item>
      <el-form-item>
        <el-button @click="getDataList()">查询</el-button>
      </el-form-item>
    </el-form>
    <el-table
      :data="dataList"
      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="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="position"
        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="typeAttenders"
        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="status"
        header-align="center"
        align="center"
        label="签到状态">
      </el-table-column>
      <el-table-column
        prop="badge"
        header-align="center"
        align="center"
        label="胸卡">
      </el-table-column>
      <el-table-column
        prop="servername"
        header-align="center"
        align="center"
        label="负责人">
      </el-table-column>
      <el-table-column
        prop="lastTime"
        header-align="center"
        align="center"
        label="最后签到时间">
      </el-table-column>
      <el-table-column
        fixed="right"
        header-align="center"
        align="center"
        width="100"
        label="操作">
        <template slot-scope="scope">
          <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      @size-change="sizeChangeHandle"
      @current-change="currentChangeHandle"
      :current-page="pageIndex"
      :page-sizes="[10, 20, 50, 100]"
      :page-size="pageSize"
      :total="totalPage"
      layout="total, sizes, prev, pager, next, jumper">
    </el-pagination>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        dataForm: {
          key: ''
        },
        dataList: [],
        pageIndex: 1,
        pageSize: 10,
        totalPage: 0,
        dataListLoading: false,
        dataListSelections: [],
        meetingId: 0
      }
    },
    created () {
      this.meetingId = this.$route.params.id
    },
    activated () {
      this.getDataList()
    },
    methods: {
      // 导出数据表
      exportList () {
        window.open(this.$http.adornUrl(`/admin/signinfo/downloadxls?token=${this.$cookie.get('token')}&meetingId=${this.meetingId}`))
      },
      // 获取数据列表
      getDataList () {
        this.dataListLoading = true
        this.$http({
          url: this.$http.adornUrl('/admin/signinfo/list'),
          method: 'get',
          params: this.$http.adornParams({
            'meetingId': this.meetingId,
            '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()
      },
      // 多选
      selectionChangeHandle (val) {
        this.dataListSelections = val
      },
      // 删除
      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/signinfo/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>

src/views/modules/admin/typesoffee.vue

@@ -0,0 +1,19 @@
<template>
  <div>1</div>
</template>
<script>
export default {
  name: "",
  data() {
    return {};
  },
  components: {},
  computed: {},
  beforeMount() {},
  mounted() {},
  methods: {},
  watch: {}
};
</script>
<style scoped>
</style>