大屏

liukangdong

2024-10-24 44dd2c7c73d5fead948902cad2695ae30d4620e2

 h5/pages/staff/meetingSubOrder.vue

@@ -31,13 +31,8 @@
          <text class="star">*</text>
        </view>
        <view class="line">
          <input
            type="text"
            v-model="param.name"
            placeholder="请输入会议主题"
            placeholder-class="placeholder9"
            class="label"
          />
               <input type="text" v-model="param.name" placeholder="请输入会议主题" placeholder-class="placeholder9"

                  class="label" />

        </view>
      </view>
      <view class="item">
@@ -45,15 +40,8 @@
          <text>会议内容</text>
        </view>
        <view class="line">
          <u-textarea
            border="none"
            v-model="param.content"
            count
            :maxlength="300"
            placeholder="请输入会议内容"
            placeholder-class="placeholder9"
            class="label"
          />
               <u-textarea border="none" v-model="param.content" count :maxlength="300" placeholder="请输入会议内容"

                  placeholder-class="placeholder9" class="label" />

        </view>
      </view>
      <view class="empty"></view>
@@ -67,30 +55,29 @@
            <text v-if="param.sysList && param.sysList.length > 0">
              {{ param.sysList.map((i) => i.realname).join(",") }}
            </text>
            <text
              v-else
              class="placeholder9"
              >请选择</text
            >
                  <text v-else class="placeholder9">请选择</text>

          </view>
          <u-icon
            name="arrow-right"
            color="#999999"
            size="14"
          />
               <u-icon name="arrow-right" color="#999999" size="14" />

            </view>

         </view>

         <view class="item">

            <view class="name">是否通知参会人员</view>

            <view class="line">

               <view class="label">
                  <u-switch v-model="param.joinNotice" activeColor="#4d99a8" :activeValue="0" :inactiveValue="1"></u-switch>

                  <!-- <u-radio-group v-model="param.joinNotice">

                     <u-radio label="不通知" :name="1" activeColor="#4d99a8" class="mr24" />
                     <u-radio label="通知" :name="0" activeColor="#4d99a8" />

                  </u-radio-group> -->

               </view>

        </view>
      </view>
      <view class="item" v-if="info.projectList && info.projectList.length > 0">
        <view class="name">选择服务项</view>
        <view class="line">
          <view class="label">
            <view
              class="service_item"
              :class="{ active: item.checked }"
              v-for="(item, index) in info.projectList"
              :key="index"
              @click="serviceClick(item)"
            >
                  <view class="service_item" :class="{ active: item.checked }" v-for="(item, index) in info.projectList"

                     :key="index" @click="serviceClick(item)">

              {{ item.projectName }}
            </view>
          </view>
@@ -101,13 +88,8 @@
          <text>备注</text>
        </view>
        <view class="line">
          <textarea
            v-model="param.remark"
            :maxlength="-1"
            placeholder="请输入"
            placeholder-class="placeholder9"
            class="label"
          />
               <textarea v-model="param.remark" :maxlength="-1" placeholder="请输入" placeholder-class="placeholder9"

                  class="label" />

        </view>
      </view>

@@ -129,7 +111,9 @@
export default {
  data() {
    return {
      param: {},
            param: {
               joinNotice: 1
            },

      userInfo: uni.getStorageSync('userInfo'),
      info: {},
    }
@@ -152,7 +136,9 @@
      // this.$set(this.param, 'memberNames', res.map(i => i.name).join(','))
    })
    this.$eventBus.$on('meetingSub', (res) => {
      this.param = { ...res }
            this.param = {

               ...res

            }

      this.$set(this.param, 'activeDate', dayjs(res.yudingDate).format('YYYY年M月D日'))
      const bookingTimeList = res.bookingTimeList.split(',').map(i => {
        return {
@@ -165,15 +151,24 @@
  },
  methods: {
    getDetail(id) {
      meetingDetail({ id }).then(res => {
        this.param = { ...res.data,name: res.data.meetingName, content: res.data.meetingContent, sysList: res.data.userResponseList }
            meetingDetail({

               id

            }).then(res => {

               this.param = {

                  ...res.data,

                  name: res.data.meetingName,

                  content: res.data.meetingContent,

                  sysList: res.data.userResponseList

               }

        // this.param = { ...res.data }
        if(this.param.sysList && this.param.sysList.length > 0){
          this.param.sysList.forEach(i => {
            i.userId = i.id
          })
        }
        getRoomDetail({ roomId: res.data.roomId }).then(ress => {
               getRoomDetail({

                  roomId: res.data.roomId

               }).then(ress => {

          this.info = ress.data
          if (this.info && this.info.projectList) {
            this.info.projectList.forEach(i => {
@@ -191,7 +186,10 @@
      })
    },
    onUpdate() {
      const { param, info } = this
            const {

               param,

               info

            } = this

      if (!param.name) return uni.showToast({
        title: '请输入会议主题',
        icon: 'none'
@@ -219,7 +217,10 @@
      uni.navigateBack( )
    },
    onSubmit() {
      const { param, info } = this
            const {

               param,

               info

            } = this

      if (!param.name) return uni.showToast({
        title: '请输入会议主题',
        icon: 'none'
@@ -249,7 +250,9 @@
      })
    },
    selPeople() {
      const { param } = this
            const {

               param

            } = this

      let startTime = new Date(param.yudingDate + ' ' + param.startTime).getTime()
      let endTime = new Date(param.yudingDate + ' ' + param.endTime).getTime()
      if(this.param.sysList && this.param.sysList.length > 0){
@@ -262,7 +265,9 @@
      })
    },
    serviceClick(item) {
      const { info } = this
            const {

               info

            } = this

      info.projectList.forEach(ite => {
        if (ite.projectId === item.projectId) {
          ite.checked = !ite.checked
@@ -272,7 +277,9 @@
    },
    initOption() {
      const roomId = Number(this.param.roomId)
      getRoomDetail({ roomId }).then(res => {
            getRoomDetail({

               roomId

            }).then(res => {

        this.info = res.data
        if (this.info && this.info.projectList) {
          this.info.projectList.forEach(i => {
@@ -291,17 +298,21 @@
  .item {
    border-bottom: 1rpx solid #e5e5e5;
    padding: 30rpx 0;


    .name {
      color: #666666;
      margin-bottom: 30rpx;
    }


    .line {
      display: flex;


      .label {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;


        .service_item {
          height: 64rpx;
          line-height: 64rpx;
@@ -311,6 +322,7 @@
          margin-right: 20rpx;
          margin-bottom: 12rpx;
        }


        .active {
          background-color: #4d99a8;
          color: #fff;
@@ -318,14 +330,17 @@
      }
    }
  }


  padding-bottom: 100rpx;
}


.empty {
  width: 750rpx;
  height: 20rpx;
  background-color: #f7f7f7;
  margin: 0 -30rpx;
}


.sub_btn {
  width: 690rpx;
  height: 72rpx;
@@ -338,6 +353,7 @@
  color: #ffffff;
  margin-top: 20rpx;
}


.star {
  margin-left: 4rpx;
  color: #e42d2d;