<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>

