judicial-hy / 0.200103

  <template>
  <div class='affairs'>
  <cover-view class='navbar'>
    <cover-view class='nav-item' @tap="nav(false,'事务处理汇报')" :class='{color: !move}' hover-class='hover'>事务处理汇报</cover-view>
    <cover-view class='nav-item' @tap="nav(true,'当天事务列表')" :class='{color: move}' hover-class='hover'>当天事务列表</cover-view>
    <cover-view class='slide' :class='{move: move}'></cover-view>
  </cover-view>
  <cover-view class='cover-view-blank'>
  </cover-view>
  <!-- <scroll-view scroll-y class="_report" :class="{'hide': move}"> -->
  <form @submit='commit' class="_report" :class="{'hide': move}">
    <div class="list-input between">
      <span>值班街道</span>
      <picker :value='street.index' :range='street.columnOne' @change="pickerConfirm($event,'street')">
        <div hover-class='hover'>{{street.label}}</div>
      </picker>
    </div>
    <div class="list-input between">
      <span>值班社区</span>
      <picker :disabled="street.label=='点击选择街道'" @tap='warning' :value='community.index' :range='community.columnOne' @change="pickerConfirm($event,'community')">
        <div hover-class='hover'>{{community.label}}</div>
      </picker>
    </div>
    <div class="list-input">
      <span>当事人姓名</span>
      <input placeholder="请输入姓名" name='name' placeholder-style='color:#9B9B9B' :value='name' @input='name=service.Input($event)'>
    </div>
    <div class="list-input between" @tap="changeSex">
      <span>性别</span>
      <div hover-class='hover'>{{sex || '请选择性别'}}</div>
    </div>
    <div class="list-input">
      <span>年龄</span>
      <input type='number' placeholder="请输入年龄 (周岁)" name='age' placeholder-style='color:#9B9B9B' :value='age' @input='age=service.Input($event)'>
    </div>
    <div class="list-input">
      <span>地址 (可选)</span>
      <input placeholder="请输入详细地址" name='address' placeholder-style='color:#9B9B9B' :value='address' @input='address=service.Input($event)'>
    </div>
    <div class="list-input">
      <span>联系电话</span>
      <input type='number' placeholder="请输入联系电话" name='phone' placeholder-style='color:#9B9B9B' :value='phone' @input='phone=service.Input($event)'>
    </div>
    <div class='greytitle'>承办事务</div>
    <div class='textarea'>
      <textarea placeholder='请输入承办事务详情' name='detail' @input='detail=service.Input($event)' :value='detail' maxlength=10000 />
      <div>{{detail.length}}/10000</div>
    </div>
    <div class='greytitle'>律师处理结果</div>
    <div class='textarea'>
      <textarea placeholder='请输入处理结果详情' name='result' @input='result=service.Input($event)' :value='result' maxlength=10000 />
      <div>{{result.length}}/10000</div>
    </div>
    <div class='greytitle'>添加图片 (可选)</div>
    <div class="img-box" style='background:white;'>
      <div class='image' v-for="(item,i) in imgfiles" :key="i" @tap='previewImg(i)'>
        <img :src="item" mode='aspectFill'>
        <div @tap.stop='cancelImg(i)'><img src='/static/imgs/cancel.png'></div>
      </div>
      <div hover-class='fade' class='upload' @tap="chooseImage"><img src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU3NDYzMDY5MzcyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwNTUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1MDEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjUuOTM3NSIgaGVpZ2h0PSI2NCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5AZm9udC1mYWNlIHsgZm9udC1mYW1pbHk6IHJiaWNvbjsgc3JjOiB1cmwoImNocm9tZS1leHRlbnNpb246Ly9kaXBpYWdpaW9oZmxqY2ljZWdwZ2ZmcGJuam1namNuZi9mb250cy9yYmljb24ud29mZjIiKSBmb3JtYXQoIndvZmYyIik7IGZvbnQtd2VpZ2h0OiBub3JtYWw7IGZvbnQtc3R5bGU6IG5vcm1hbDsgfQo8L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNODU4LjU3OTY1MSAxMDcuMjY4Njc5IDUwMC44NTAwODEgMTA3LjI2ODY3OUM1MDAuODUwMDgxIDQ4LjExMzE1NyA0NTIuNjY1MjIgMCAzOTMuNTA5Njk4IDBMMzIxLjk0OTQ0MyAwQzI2Mi43OTM5MjIgMCAyMTQuNjgwNzY1IDQ4LjExMzE1NyAyMTQuNjgwNzY1IDEwNy4yNjg2NzlMMTA3LjM0MDM4MiAxMDcuMjY4Njc5QzQ4LjE4NDg2MSAxMDcuMjY4Njc5IDAgMTU1LjQ1MzU0IDAgMjE0LjUzNzM1N2wwIDU3Mi40MTAzMzVjMCA1OS4yMjcyMjUgNDguMTg0ODYxIDEwNy40MTIwODYgMTA3LjM0MDM4MiAxMDcuNDEyMDg2bDQ2Ny4xNDkzNTkgMGMxMC4yNTM2MjQgMCAxOS44NjE5MTQtNC4zNzM5MjMgMjYuNjczNzYyLTExLjkwMjgwOHMxMC4wMzg1MTMtMTcuNzgyNTA4IDguODkxMjU0LTI3Ljg5MjcyNWMtMS4wNzU1NTUtOS4zOTMxOC0xLjcyMDg4OC0xOC43ODYzNTktMS43MjA4ODgtMjguNTM4MDU4IDAtMTU4LjI0OTk4MiAxNDcuODUyOTUxLTI4NC44MDY5NDYgMzEyLjkxNDc4Mi0yNDIuMTQzMjY3IDEwLjY4Mzg0NiAyLjY1MzAzNiAyMi4wODQ3MjggMC40MzAyMjIgMzAuODMyNTc1LTYuNDUzMzMgOC43NDc4NDctNi43NDAxNDQgMTMuODM4ODA3LTE3LjIwODg3OSAxMy44Mzg4MDctMjguMTc5NTM5TDk2NS45MjAwMzQgMjE0LjUzNzM1N0M5NjUuOTIwMDM0IDE1NS40NTM1NCA5MTcuNzM1MTczIDEwNy4yNjg2NzkgODU4LjU3OTY1MSAxMDcuMjY4Njc5TDg1OC41Nzk2NTEgMTA3LjI2ODY3OXpNNDY1LjA2OTk1MyA3MTUuNTMwODQ1Yy0xMTguMzgyNzQ2IDAtMjE0LjY4MDc2NS05Ni4zNjk3MjItMjE0LjY4MDc2NS0yMTQuNzUyNDY4IDAtMTE4LjMxMTA0MyA5Ni4yOTgwMTgtMjE0LjY4MDc2NSAyMTQuNjgwNzY1LTIxNC42ODA3NjUgMTE4LjMxMTA0MyAwIDIxNC42MDkwNjEgOTYuMzY5NzIyIDIxNC42MDkwNjEgMjE0LjY4MDc2NUM2NzkuNjc5MDE0IDYxOS4xNjExMjMgNTgzLjQ1MjY5OSA3MTUuNTMwODQ1IDQ2NS4wNjk5NTMgNzE1LjUzMDg0NUw0NjUuMDY5OTUzIDcxNS41MzA4NDV6TTgwNC45NDUzMTIgMzc2LjY1OTMzOGMtNDAuMTU0MDUxIDAtNzIuNzA3NTEzLTMyLjQ4MTc1OS03Mi43MDc1MTMtNzIuNzA3NTEzIDAtNDAuMDgyMzQ3IDMyLjU1MzQ2My03Mi43MDc1MTMgNzIuNzA3NTEzLTcyLjcwNzUxM3M3Mi43MDc1MTMgMzIuNjI1MTY2IDcyLjcwNzUxMyA3Mi43MDc1MTNDODc3LjU4MTEyMiAzNDQuMTc3NTc5IDg0NS4wMjc2NTkgMzc2LjY1OTMzOCA4MDQuOTQ1MzEyIDM3Ni42NTkzMzhMODA0Ljk0NTMxMiAzNzYuNjU5MzM4ek05MzAuMTM5OTA2IDg1OC41MDc5NDgiIHAtaWQ9IjI1MDIiIGZpbGw9IiNBRUFFQUUiPjwvcGF0aD48cGF0aCBkPSJNMTAxMS4wOTMzNDEgNzg0Ljg2ODI4N2wtMTA4LjI3MjUzIDAgMC0xMDguMjcyNTNjMC0yMy45NDkwMjMtMTkuNDMxNjkyLTQzLjMwOTAxMi00My4zMDkwMTItNDMuMzA5MDEycy00My4zMDkwMTIgMTkuMzU5OTg5LTQzLjMwOTAxMiA0My4zMDkwMTJsMCAxMDguMjcyNTMtMTA4LjI3MjUzIDBjLTIzLjk0OTAyMyAwLTQzLjMwOTAxMiAxOS40MzE2OTItNDMuMzA5MDEyIDQzLjM4MDcxNnMxOS40MzE2OTIgNDMuMzA5MDEyIDQzLjMwOTAxMiA0My4zMDkwMTJsMTA4LjI3MjUzIDAgMCAxMDguMjcyNTNjMCAyMy45NDkwMjMgMTkuNDMxNjkyIDQzLjM4MDcxNiA0My4zMDkwMTIgNDMuMzgwNzE2czQzLjMwOTAxMi0xOS40MzE2OTIgNDMuMzA5MDEyLTQzLjM4MDcxNmwwLTEwOC4yNzI1MyAxMDguMjcyNTMgMGMyMy45NDkwMjMgMCA0My4zMDkwMTItMTkuMzU5OTg5IDQzLjMwOTAxMi00My4zMDkwMTJTMTAzNS4wNDIzNjQgNzg0Ljg2ODI4NyAxMDExLjA5MzM0MSA3ODQuODY4Mjg3eiIgcC1pZD0iMjUwMyIgZmlsbD0iI0FFQUVBRSI+PC9wYXRoPjwvc3ZnPg=='></div>
    </div>
    <div class='greytitle'>添加小视频 (可选)</div>
    <div class="img-box" style='background:white; padding-bottom: 20rpx;'>
      <div v-if='videoSrc' class='image video'>
        <video :src='videoSrc' show-mute-btn id='myvideo'></video>
        <div @tap.stop='cancelVideo'><img src='/static/imgs/cancel.png'></div>
      </div>
      <div v-else hover-class='fade' class='upload' @tap="chooseVideo"><img src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU3NDYzMDMyMTQ4IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyNzkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+QGZvbnQtZmFjZSB7IGZvbnQtZmFtaWx5OiByYmljb247IHNyYzogdXJsKCJjaHJvbWUtZXh0ZW5zaW9uOi8vZGlwaWFnaWlvaGZsamNpY2VncGdmZnBibmptZ2pjbmYvZm9udHMvcmJpY29uLndvZmYyIikgZm9ybWF0KCJ3b2ZmMiIpOyBmb250LXdlaWdodDogbm9ybWFsOyBmb250LXN0eWxlOiBub3JtYWw7IH0KPC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEwMTkuNzc3IDQwNi4xNjZjLTEwLjExMiAwLTIwLjIyOC0wLjEyMi0zMC4zMzcgMC4wODYtMi4zNzMgMC4wNTEtNS4wMjUgMC43MTItNy4wNTMgMS45MjUtNjIuNjI2IDM3LjQ3LTEyNS4xODggNTQuMjM5LTE4Ny44MDQgOTEuNzI4LTIuMzggMS40MjItMy4xNzcgMi45NzItMy4xNzIgNS43MDEgMC4wODYgNDkuMTY3IDAuMDk3IDEzOS45NjEtMC4wMTUgMTg5LjEyMS0wLjAwNSAyLjk3MiAxLjAyMSA0LjQ3MSAzLjQ1NiA1LjkyOSA2MC43NzcgMzYuMzg4IDEyMS41NDUgNTEuOTc2IDE4Mi4xNzkgODguNTkzIDUuODU5IDMuNTQgMTEuNTU1IDUuNDI3IDE4LjQyIDUuMTAxIDkuNDI3LTAuNDQ3IDE4Ljg4Ny0wLjExMiAyOC41NDctMC4xMTJWNDA2LjE2M2gtNC4yMjN6TTY3My4zMDggMzI4LjY2SDQyMS45MDVjLTM3LjYyMyAwLTc1LjI0Ny0wLjAwNS0xMTIuODY5LTAuMDA0djM5LjAzMWgtOTMuNTl2OTMuNTlIOTMuNTY2Yy0wLjA0NCAxMTIuODYzLTAuMDI0IDIyNS43MjUtMC4wMDQgMzM4LjU5MiAwLjAwNSAxMS45ODIgMi44OTIgMjMuMzM4IDkuMDQ1IDMzLjYyMiAxNS41MDkgMjUuOTA0IDM4Ljg0OCAzOC4yMDIgNjguNzA1IDM4LjIxNyAxNjcuMzQ3IDAuMDcxIDMzNC42OTcgMC4wMzcgNTAyLjA0NCAwLjAzNyA0My41NzggMCA3OS4zNzEtMzUuNzY3IDc5LjM3MS03OS4zMTUgMC4wMDUtMTI4LjE2NSAwLjAwNS0yNTYuMzMzIDAtMzg0LjUwMy0wLjAwNi00My41MTUtMzUuODMtNzkuMjY2LTc5LjQxOC03OS4yNjZ6IiBmaWxsPSIjQUVBRUFFIiBwLWlkPSIyMjgwIj48L3BhdGg+PHBhdGggZD0iTTI3MC4wMSAzMjguNjY0aC05My41OTF2OTMuNTloLTgyLjgzdi05My41OUgtMC4wMDF2LTgyLjgzaDkzLjU5di05My41OWg4Mi44M3Y5My41OWg5My41OTF2NjguNDE1eiIgZmlsbD0iI0FFQUVBRSIgcC1pZD0iMjI4MSI+PC9wYXRoPjwvc3ZnPg=='></div>
    </div>
    <div class='commit'>
      <button form-type='submit' hover-class='fade' :disabled='commiting'>提交</button>
    </div>
  </form>
  <!--</scroll-view> 使用scroll-view解决textarea穿透顶部导航栏问题  -->
  <div class='_list' :class="{'hide': !move}">
    <div class='title'>
      <div @tap='changeday(-1)' hover-class='shallow'>前一天</div>
      <!-- <div class='bold'>{{date[0]+'月'+date[1]+'日 星期'+week}}</div> -->
      <!-- <div class='bold'>{{curDate}}</div> -->
      <picker @tap="picker_active=true" @cancel="picker_active=false" @change="pickerConfirm($event,'date')" mode="date"
        :value="curDate">
        <div class="picker-box">
          <div>{{curDate}}</div>
          <div style='margin-left: 15rpx;' :class="picker_active ? 'triangle-color':'triangle'"/>
        </div>
      </picker>
      <div @tap='changeday(1)' hover-class='shallow'>后一天</div>
    </div>
    <navigator class='list-item' v-for='(item,i) in affairsList' :key='i' :url="'../affairDetail/main?ciid='+item.ciid" hover-class='hover'>
      <div class='name'>{{'当事人姓名：' + item.consultant_Name}}</div>
      <div class='affair'>{{item.consultant_question}}</div>
    </navigator>
    <div v-if='affairsList.length==0' class='empty'>{{curDate}} 无事务</div>
    <div class='commit'><div @tap="nav(false,'事务处理汇报')">添加事务处理</div></div>
  </div>
  </div>
  </template>
  
  
  <script>
  export default {
    data() {
      return {
        move: false,
        name:'',
        sex: '',
        age:'',
        address: '',
        phone: '',
        detail: '',
        result: '',
        week: '一',
        affairsList: [],
        curDate: '',
        street: {
          columnOne: [],
          index: 0,
          arrStruct: [],
          label:'点击选择街道'
        },
        community: {
          columnOne: [],
          index: 0,
          arrStruct: [],
          label:'点击选择社区'
        },
        imgfiles: [],
        videoSrc: '',
        commiting: false,
        picker_active:false
      }
    },
    methods: {
      changeday(shift) {
        const curDateArr = this.curDate.split(/-/).map(Number)
        const curDateObj = new Date(curDateArr[0],curDateArr[1]-1,curDateArr[2])
        const date = new Date(curDateObj.getTime() + shift * 24 * 60 * 60 * 1000)
        this.getDailyAffairs(date)
      },
      commit(e) {
        if(this.commiting) return
  
        let inputs = this.service.filter(e.mp.detail.value)
  
        if (inputs.allowed) inputs = inputs.obj
        else return
  
        const street = this.street.label.replace('点击选择街道','')
        const community = this.community.label.replace('点击选择社区','')
        if (!this.service.checkEmptyInput([street,community,inputs.name,this.sex,inputs.age,inputs.phone,inputs.detail,inputs.result], ['街道','社区','当事人姓名', '性别', '年龄','联系电话', '承办事务', '处理结果'])) {
          return
        }
        if (!this.service.checkBadWords([inputs.detail, inputs.result], ['输入内容'])) {
          return
        }
        if(inputs.age > 127 || inputs.age < 0 || inputs.age % 1 !=0){
          wx.showModal({title: '提交失败',content: '请输入有效的年龄值',showCancel: false})
          return
        }
        if(!(/^1[3456789]\d{9}$/.test(inputs.phone))){
          // this.$notify.error({
          //   message: '手机号格式错误',
          // })
          wx.showModal({title: '提交失败',content: '请输入正确的手机号码',showCancel: false})
          return
        }
        wx.showModal({
          title:'',
          content: '确定要发布吗?',
          success: res => {
            if (res.confirm){
              this.execCommit(inputs)
            }
          }
        })
      },
      execCommit(inputs){
        wx.showLoading({ title: '正在上传' })
        this.commiting = true
        wx.request({
          url: this.rootUrl + '/con/addcon',
          method: 'POST',
          header: { 'content-type': 'application/x-www-form-urlencoded' },
          data: {
            SCID: this.community.arrStruct[this.community.index].value,
            sessionID: wx.getStorageSync('sessionID'),
            consultant_Name: inputs.name,
            consultant_Sex: this.sex == '男' ? 1 : 0,
            consultant_Age: inputs.age,
            consultant_address: inputs.address,
            consultant_Tel: inputs.phone,
            consultant_question: inputs.detail,
            consultant_Answer: inputs.result,
          },
          success: res => {
            if (res.statusCode == '500') {
              this.service.getUnionId(this.rootAvatar, this.rootUrl).then(res => {
                this.execCommit(inputs)
              })
            } else {
              if (res.data > 0) {
                if (this.imgfiles.length > 0)
                  this.upLoadImgs(res.data)
                else if (this.videoSrc)
                  this.uploadVideo(res.data)
                else
                  this.uploadComplete()
              } else {
                wx.hideLoading()
                wx.showToast({ title: '上传失败 请检查上传内容', icon: 'none' })
                this.commiting = false
              }
            }
          },
          fail: res => {
            wx.hideLoading()
            wx.showToast({ title: '上传失败', icon: 'none' })
            this.commiting = false
          }
        })
  
      },
      uploadComplete(){
        wx.hideLoading()
        wx.showToast({ title: '上传成功' })
        setTimeout(() => {
          this.getDailyAffairs()
          this.nav(true, '当天事务列表')
          this.clearData()
          this.commiting = false
        }, 1500)
      },
      upLoadImgs(ciid) {
        wx.showLoading({ title: '正在上传图片' })
        const time = this.imgfiles.length
        let counter = time
        for(let i = 0; i < time; i++){
          wx.uploadFile({
            url: this.rootUrl + 'con/addfile',
            filePath: this.imgfiles[i],
            formData: {
              ciid,
              filetype: 0
            },
            name: 'file',
            header: {
              'content-type': 'multipart/form-data'
            },
            success: res => {
              if(res.data == 1)
                wx.showLoading({ title: `图片${i+1}上传成功` })
              else
                wx.showLoading({ title: `图片${i+1}上传失败` })
  
              if(--counter === 0){
                if(this.videoSrc)
                  this.uploadVideo(ciid)
                else
                  this.uploadComplete()
              }
            },
            fail: res => {
              wx.hideLoading()
              wx.showToast({title:'上传失败',icon: 'none'})
              this.commiting = false
            }
          })
        }
      },
      uploadVideo(ciid){
        wx.showLoading({title: '正在上传小视频'})
        wx.uploadFile({
          url: this.rootUrl + 'con/addfile',
          filePath: this.videoSrc,
          formData: {
            ciid,
            filetype: 1
          },
          name: 'file',
          header: {
            'content-type': 'multipart/form-data'
          },
          success: res => {
            if(res.data == 1)
              this.uploadComplete()
          }
        })
      },
      getDailyAffairs(date) {
        wx.showLoading({ title: '正在加载' })
        const theDate = date || new Date()
        this.curDate = this.service.formatDate(theDate)
        wx.request({
          url: this.rootUrl + '/con/getByDate',
          header: { 'content-type': 'application/x-www-form-urlencoded' },
          method: 'POST',
          data: {
            date: this.curDate,
            sessionID: wx.getStorageSync('sessionID')
          },
          success: res => {
            if (res.statusCode == '500') {
              console.log('eeee')
              this.service.getUnionId(this.rootAvatar, this.rootUrl).then(res => {
                console.log(res)
                this.getDailyAffairs(date)
              })
            } else {
              this.affairsList = []
              this.affairsList = res.data
              wx.hideLoading()
            }
          }
        })
      },
      nav(move, title) {
        this.move = move;
        wx.setNavigationBarTitle({ title: title });
      },
      changeSex() {
        wx.showActionSheet({
          itemList: ['男', '女'],
          success: res => this.sex = new Array('男', '女')[res.tapIndex]
        })
      },
      clearData(){
        this.name = ''
        this.sex = ''
        this.age = ''
        this.address = ''
        this.phone = ''
        this.detail = ''
        this.result = ''
        this.videoSrc = ''
        this.imgfiles = []
      },
      warning(){
        if(this.street.label=='点击选择街道'){
          wx.showToast({
            title:'请先选择街道',
            icon: 'none'
          })
        }
      },
      pickerConfirm(e, s) {
        switch (s) {
          case 'street': {
            const oldLabel = this.street.label
            this.street.index = e.mp.detail.value
            this.street.label = this.street.columnOne[this.street.index]
            if(oldLabel != this.street.label) this.getCommunity()
            break
          }
          case 'community': {
            this.community.index = e.mp.detail.value
            this.community.label = this.community.columnOne[this.community.index]
            break
          }
          case 'date': {
            this.getDailyAffairs(this.service.correctTime(e.mp.detail.value,'DateObj'))
            this.picker_active = false
            break
          }
        }
      },
      getCommunity(){
        wx.showLoading({ title: '加载社区列表' })
        wx.request({
          url: this.rootUrl + '/comm/getbyid/' + this.street.arrStruct[this.street.index].value,
          success: res => {
            this.community.columnOne = res.data.map(v=>v.comm_Name)
            this.community.arrStruct = res.data.map(v=>{return {label:v.comm_Name,value:v.scid}})
            this.community.index = 0
            this.community.label = this.community.columnOne[0]
            wx.hideLoading()
          }
        })
      },
      chooseImage() {
        const count = 6 - this.imgfiles.length
        if(count==0){
          if(!wx.showModal({
            title: '上传限制',
            content: '图片数量上限为6张\n请删除部分图片后再上传新图片',
            showCancel: false,
            success: res => {
              if(res.confirm){return false}
            }
          })){return}
        }
        wx.chooseImage({
          count,
          sizeType: ['compressed'],
          success: res => {
            this.imgfiles = this.imgfiles.concat(res.tempFilePaths)
          }
        })
      },
      cancelImg(i){
        wx.showModal({
          title:'',
          content: '放弃上传这张照片吗?',
          success: res => {
            if(res.confirm){
              this.imgfiles.splice(i, 1)
            }
          }
        })
      },
      previewImg(i){
        wx.previewImage({
          urls: this.imgfiles,
          current: this.imgfiles[i]
        })
      },
      chooseVideo() {
        wx.showModal({
          title:'',
          content:"为保证视频成功上传，请尽量选择'拍摄'方式，录制时长控制在20秒以内",
          success: res => {
            if(res.confirm){
              wx.chooseVideo({
                sourceType: ['album', 'camera'],
                maxDuration: 300,
                success: res => {
                  console.log(res.tempFilePath,res.size)
                  if(res.size < 1048500)
                    this.videoSrc = res.tempFilePath
                  else
                    wx.showModal({title:'',content:'视频文件过大,请选择较小的视频'})
                }
              })
            }
          }
        })
      },
      cancelVideo(){
        wx.showModal({
          title:'',
          content: '放弃上传这个视频吗?',
          success: res => {
            if(res.confirm){
              this.videoSrc = ''
            }
          }
        })
      }
    },
    onLoad() {
      wx.request({
        url: this.rootUrl + '/street/all',
        success: res => {
          this.street.columnOne = res.data.map(v => v.street_Name)
          this.street.arrStruct = res.data.map(v => {
            return { label: v.street_Name, value: v.ssid }
          })
        }
      })
      this.getDailyAffairs()
    },
    onUnload() {
      this.move = false
      this.affairsList = []
      this.curDate = ''
    }
  };
  </script>
  <style lang="stylus" scoped>
  .affairs
    Background()
  .loadbg
    position absolute
    Height_Width(100%)
    background white
  .navbar
    position fixed
    display flex
    top 0
    Height_Width(44px, 100%)
    background white
    z-index 9
    .nav-item
      Flex(flex, center)
      Font(16px,44px)
      // padding 14px 0
      width 50%
      text-align center
    .slide
      position absolute
      bottom 0
      Height_Width(4px, 40%)
      background themeColor
      margin-left 5%
      transition transform .2s
    .color
      color themeColor
    .move
      transform translateX(125%)
  .cover-view-blank
    Height_Width(45px, 100%)
    position fixed
    top 0
    left 0
    background #CCC
    z-index 8
  .img-box
    padding 0 30rpx
    .image
      position relative
      > img
        Height_Width(100%)
      div
        position absolute
        top 0
        right 0
        background rgba(0,0,0,.5)
        Height_Width(100% / 5)
        Flex(flex,center,center)
        border-radius 0 0 0 10rpx
        img
          Height_Width(60%)
    .upload
      Flex(flex,center,center)
      background #f5f5f5
      img
        Height_Width(40%)
    .video
      Height_Width(450rpx,100%)
      margin-right 0 !important
      video
        Height_Width(450rpx,100%)
      div
        Height_Width(60rpx,60rpx)
        background red
  ._list, ._report
    position absolute
    min-height 100%
    width 100%
    padding-top 44px
    BorderBox()
    Background()
    z-index 0
  // ._report
  //   // position fixed
  //   // top 44px
  //   // left 0
  //   position absolute
  //   min-height 100%
  //   padding-top 44px
  //   BorderBox()
  //   Background()
  //   width 100%
  //   z-index 0
    // -webkit-overflow-scrolling touch //解决scroll-view滑动不灵敏问题
  .textarea
    padding 0 30rpx 30rpx 30rpx
    Font(30rpx, 40rpx)
    background-color #fff
    border-bottom 1rpx solid #dedede
    textarea
      height 200rpx
      width 100%
      padding 10rpx
      box-sizing border-box
      border-radius 10rpx
      background #eee
    div
      margin-top 15rpx
      text-align right
      color #888
      font-size 28rpx
  ._list
    > .title
      Flex(flex, space-between, center)
      Font(32rpx, 80rpx)
      color #333
      background #eee
      >div
        padding 0 20rpx
      picker
        text-align center
        Font(32rpx, 80rpx, bold)
        .picker-box
          height 80rpx
          Flex(flex, , center)
        .triangle
          Triangle(down, 24rpx, 14rpx, #666)
        .triangle-color
          Triangle(up, 24rpx, 14rpx, #666)
      .shallow
        background #AAA
    .list-item
      padding 30rpx
      border-bottom 1rpx solid #dedede
      background white
      .name
        Font(30rpx, 40rpx)
        color themeColor
        margin-bottom 10rpx
      .affair
        margin-top 20rpx
        Font(28rpx, 30rpx)
        overflow hidden
        text-overflow ellipsis
        display -webkit-box
        -webkit-line-clamp 3
        -webkit-box-orient vertical
    .empty
      Font(32rpx, 500rpx)
      text-align center
  </style>