<template>
  <div class="short_task_box">
    <van-nav-bar :title="title" left-text="返回" @click-left="$route_back" left-arrow></van-nav-bar>
    <div class="body_com has_header short_task_box">
      <scroller>

        <van-cell-group>
          <van-cell required>
            <Mtextarea v-model="data.task_name" name="任务内容" v-validate="'required|max:20'" placeholder="请输入任务内容"
                       :text_max="20" :imgs_max="3" images :imgs.sync="data.file_list"></Mtextarea>
          </van-cell>
        </van-cell-group>

        <van-cell-group class="point-field">
          <van-cell title="任务积分" style="padding:0 0.32rem; padding-top:0.16rem;" :border="false" required></van-cell>
          <NumberInput v-model="data.base_point" v-validate="'required'" :chosePoint="false" :min="1"
                       :max="100000"></NumberInput>
        </van-cell-group>

        <van-cell-group>
          <EmployeeSelectorCell required title="执行人" :max='10' use_employee_list v-validate="'required'" :employee_list="manage_scope" name="执行人" v-model="executor_name"></EmployeeSelectorCell>
          <EmployeeSelectorCell required title="审批人" :show_manager_only="true"  v-model="reviewer" v-validate="'required'" name="审批人" :multi="false"></EmployeeSelectorCell>
          <van-cell title="任务类型" required id="task_types">
            <template slot="right-icon">
              <van-radio-group v-model="data.pt_id" direction="horizontal" class="radio_button">
                <van-radio checked-color class="list" :name="item.id" v-for="(item, index) in point_types" v-if="item.code != 'JX'" :key="index">
                  {{item.name}}
                </van-radio>
              </van-radio-group>
              <van-icon class="small_tip" @click="show_small_tip = true" name="question-o"/>
            </template>
          </van-cell>
          <DateTimeCell required title="截止时间" v-if="data.task_cycle == 0" v-validate="'required'" name="截止时间"
                        v-model="data.expire_time"></DateTimeCell>
          <van-cell required :value="'每天'+task_expire_day_text" is-link @click="show_task_expire_day = true"
                    title="截止时间" v-if="data.task_cycle == 1"/>
          <van-cell required :value="'每'+task_expire_day_text" is-link @click="show_task_expire_day = true" title="截止时间"
                    v-if="data.task_cycle == 2"/>
          <van-cell required :value="'每月'+task_expire_day_text" is-link @click="show_task_expire_day = true"
                    title="截止时间" v-if="data.task_cycle == 3"/>
        </van-cell-group>

        <van-cell-group :border="false">
          <van-cell icon="underway-o" v-if="show_task_cycle" @click="show_task_cycle_popup = true">
            <template slot="right-icon">
              <van-icon name="close" @click.stop="del_task_cycle"/>
            </template>
            <template slot="title">
              <span v-if="data.task_cycle == 0">不重复</span>
              <span v-if="data.task_cycle == 1">每天重复</span>
              <span v-if="data.task_cycle == 2">每周重复</span>
              <span v-if="data.task_cycle == 3">每月重复</span>
            </template>
          </van-cell>

          <van-cell icon="records" v-if="show_task_remark" title="任务备注" :label="data.task_remark"
                    @click="show_task_remark_popup = true">
            <template slot="right-icon">
              <van-icon name="close" @click.stop="del_task_remark"/>
            </template>
          </van-cell>

          <van-cell icon="orders-o" v-if="show_task_super_satisfied" title="评分标准"
                    @click="show_task_super_satisfied_popup = true">
            <template slot="right-icon">
              <van-icon name="close" @click.stop="del_task_super_satisfied"/>
            </template>
            <template slot="label">
              <p class="pointitle"><span class="commonwidth">超预期</span><span
                class="pointClass">{{data.super_satisfied}}</span></p>
              <p class="pointitle"><span class="commonwidth">满意</span><span class="pointClass">{{data.satisfied}}</span>
              </p>
              <p class="pointitle"><span class="commonwidth">合格</span><span class="pointClass">{{data.qualified}}</span>
              </p>
              <p class="pointitle"><span class="commonwidth">不合格</span><span
                class="pointClass">{{data.unqualified}}</span></p>

            </template>
          </van-cell>

          <van-cell icon="bulb-o" v-if="show_timeout_deduction_point" :title="'逾期一天扣'+data.timeout_deduction_point+'分'"
                    @click="show_timeout_deduction_point_popup = true">
            <template slot="right-icon">
              <van-icon name="close" @click.stop="del_timeout_deduction_point"/>
            </template>
          </van-cell>
        </van-cell-group>

        <div style="padding:0.32rem;">
          <van-row gutter="5" class="choose_button">
            <van-col class="list" span="8" v-if="!show_task_remark">
              <van-button @click="show_task_remark_popup = true" type="default" block>
                <icon name="task_desc" width="0.32rem" height="0.32rem"/>
                任务描述
              </van-button>
            </van-col>
            <van-col class="list" span="8" v-if="!show_task_cycle && !show_task_super_satisfied">
              <van-button @click="show_task_cycle_popup = true" type="default" block>
                <icon name="underway-o" width="0.32rem" height="0.32rem"/>
                重复周期
              </van-button>
            </van-col>
            <van-col class="list" span="8" v-if="!show_task_cycle && show_task_super_satisfied">
              <van-button @click="$toast('有评分标准不可选择重复周期')" type="default" block>
                <icon name="underway-o" width="0.32rem" height="0.32rem"/>
                重复周期
              </van-button>
            </van-col>

            <van-col class="list" span="8" v-if="!show_timeout_deduction_point">
              <van-button @click="show_timeout_deduction_point_popup = true" type="default" block>
                <icon name="overdue_deduction" style="color: #909399" width="0.32rem" height="0.32rem"/>
                逾期扣分
              </van-button>
            </van-col>
          </van-row>
        </div>

        <div style="padding: 0.32rem">
          <van-button type="info" block @click="sava_btn">提交</van-button>
        </div>
        <div style="height: 1rem;"></div>
      </scroller>

    </div>

    <van-popup v-model="show_task_cycle_popup" position="right" style="height:100%; width:100%;">
      <div :style="'padding-top:' + bar_height + 'px;background-color: #238dfa;'"></div>
      <van-nav-bar title="重复周期" left-text="返回" @click-left="show_task_cycle_popup = false" left-arrow right-arrow
                   @click-right="save_show_task_cycle" right-text="保存"></van-nav-bar>
      <div style="padding: 0.2rem 0.32rem 0; font-size: 0.26rem;" class="color_ccc" v-show="data.task_cycle == 0">
        任务为一次性任务
      </div>
      <div style="padding: 0.2rem 0.32rem 0; font-size: 0.26rem;" class="color_ccc" v-show="data.task_cycle == 1">
        任务每天0点自动发布
      </div>
      <div style="padding: 0.2rem 0.32rem 0; font-size: 0.26rem;" class="color_ccc" v-show="data.task_cycle == 2">
        任务每周周一自动发布
      </div>
      <div style="padding: 0.2rem 0.32rem 0; font-size: 0.26rem;" class="color_ccc" v-show="data.task_cycle == 3">
        任务每月1号自动发布
      </div>
      <van-radio-group v-model="data.task_cycle">
        <van-cell-group>
          <van-cell title="不重复" clickable @click="data.task_cycle = 0">
            <template slot="right-icon">
              <van-radio :name="0"/>
            </template>
          </van-cell>

          <van-cell title="每天重复" clickable @click="data.task_cycle = 1">
            <template slot="right-icon">
              <van-radio :name="1"/>
            </template>
          </van-cell>

          <van-cell title="每周重复" clickable @click="data.task_cycle = 2">
            <template slot="right-icon">
              <van-radio :name="2"/>
            </template>
          </van-cell>

          <van-cell title="每月重复" clickable @click="data.task_cycle = 3">
            <template slot="right-icon">
              <van-radio :name="3"/>
            </template>
          </van-cell>

        </van-cell-group>
      </van-radio-group>

    </van-popup>

    <van-popup v-model="show_task_super_satisfied_popup" position="right" style="height:100%; width:100%;">
      <div :style="'padding-top:' + bar_height + 'px;background-color: #238dfa;'"></div>
      <van-nav-bar title="评分标准" left-text="返回" @click-left="goback" left-arrow right-arrow
                   @click-right="save_task_super_satisfied" right-text="保存"></van-nav-bar>
      <van-cell-group v-if="show_task_super_satisfied_popup">
        <div class="point_popup_tip" slot="title">系统为您推荐了各标准的积分，可点击修改积分</div>
        <van-field type="number" @input="changeunqualified(1)" v-model="data.super_satisfied" placeholder="请输入积分"
                   label="超预期"/>
        <van-field type="number" @input="changesatisfied(2)" v-model="data.satisfied" placeholder="请输入积分" label="满意"/>
        <van-field type="number" @input="changequalified(3)" v-model="data.qualified" placeholder="请输入积分" label="合格"/>
        <van-field type="number" @input="changeValue(4)" v-model="data.unqualified" placeholder="请输入积分" label="不合格"/>
      </van-cell-group>
      <div class="point_popup_tip" v-if="show_task_super_satisfied_popup"
           style="padding: 0 0.32rem; padding-top:0.16rem;">如需调整系统推荐的标准积分比例，
        <span @click="$router.push({name:'TaskPointRatingSet'})">点击设置</span></div>
    </van-popup>

    <van-popup v-model="show_timeout_deduction_point_popup" position="right" style="height:100%; width:100%;">
      <div :style="'padding-top:' + bar_height + 'px;background-color: #238dfa;'"></div>
      <van-nav-bar title="逾期扣分" left-text="返回" @click-left="show_timeout_deduction_point_popup = false" left-arrow
                   right-arrow @click-right="save_timeout_deduction_point" right-text="保存"></van-nav-bar>
      <van-cell-group v-if="show_timeout_deduction_point_popup">
        <div class="point_popup_tip red" slot="title">每逾期一天扣多少分</div>
        <van-field type="number" v-model="data.timeout_deduction_point" placeholder="请输入积分" label="扣除分值"/>
      </van-cell-group>
    </van-popup>
    <van-popup v-model="show_task_remark_popup" position="right" style="height:100%; width:100%;">
      <div :style="'padding-top:' + bar_height + 'px;background-color: #238dfa;'"></div>
      <van-nav-bar title="任务描述" left-text="返回" @click-left="show_task_remark_popup = false" left-arrow right-arrow
                   @click-right="save_remark" right-text="保存"></van-nav-bar>
      <van-cell-group v-if="show_task_remark_popup">
        <van-cell>
          <Mtextarea v-model="data.task_remark" placeholder="请输入关于任务的描述" :text_max="300"></Mtextarea>
        </van-cell>
      </van-cell-group>
    </van-popup>
    <van-popup v-model="show_task_expire_day" position="bottom">
      <van-picker :columns="columns1" :default-index="task_expire_day" v-show="data.task_cycle == 1" show-toolbar
                  @cancel="show_task_expire_day = false" @confirm="task_expire_dayonChange"/>
      <van-picker :columns="columns2" :default-index="task_expire_day" v-show="data.task_cycle == 2" show-toolbar
                  @cancel="show_task_expire_day = false" @confirm="task_expire_dayonChange"/>
      <van-picker :columns="columns3" :default-index="task_expire_day" v-show="data.task_cycle == 3" show-toolbar
                  @cancel="show_task_expire_day = false" @confirm="task_expire_dayonChange"/>
    </van-popup>
    <van-popup v-model="show_small_tip" :get-container="'#task_types'" :overlay-class="'bg_opacity'">
      <div class="small_tip_popup_content">内容</div>
    </van-popup>
  </div>
</template>
<script>
import DateTimeCell from '@/components/common/DateTimeCell'
import request from '@/utils/request'
import NumberInput from '@/components/common/NumberInput'
import Vue from 'vue'
import Mtextarea from '@/components/common/Mtextarea'
import EmployeeSelectorCell from '@/components/common/EmployeeSelectorCell'
import {calendar, Overlay, DatetimePicker, RadioGroup, Radio, Picker, Dialog} from 'vant'

Vue.use(Radio)
Vue.use(Picker)
Vue.use(RadioGroup)
Vue.use(calendar).use(Overlay).use(DatetimePicker).use(Dialog)
export default {
  data () {
    return {
      point: 0,
      exced: 0, // 超预期计算标准
      pleased: 0, // 满意计算标准
      qualified: 1, // 合格计算标准
      fail: 0, // 不合格计算标准
      pointpip: [
        {
          title: '超预期',
          exced: this.exced
        },
        {
          title: '满意',
          exced: this.pleased
        }, {
          title: '合格',
          exced: this.qualified
        }, {
          title: '不合格',
          exced: this.fail
        }
      ],
      bar_height: 0,
      task_expire_day_text: '',
      task_expire_day: 0,
      show_task_expire_day: false,
      columns1: ['01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00'],
      columns2: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
      columns3: ['1号', '2号', '3号', '4号', '5号', '6号', '7号', '8号', '9号', '10号', '11号', '12号', '13号', '14号', '15号', '16号', '17号', '18号', '19号', '20号', '21号', '22号', '23号', '24号', '25号', '26号', '27号', '28号', '29号', '30号', '31号'],
      executor_name: [],
      reviewer: [], // 登录员工的信息,
      manage_scope: this.$store.getters.user_info.employee_detail.manage_scope,
      data: {
        targets: [],
        pt_id: 0,
        task_name: '',
        task_remark: '',
        base_point: 0,
        expire_time: '',
        package_id: 0,
        weight: 0,
        file_list: [],
        reviewer_id: [],
        timeout_deduction_point: '',
        unqualified: 0,
        qualified: 0,
        satisfied: 0,
        super_satisfied: 0,
        cate_id: 0,
        task_cycle: 0,
        task_expire_day: 0
      },
      title: '发布临时任务',
      url1: '/api/integral/work/publish',
      url2: '/api/integral/schedule/publish/work',
      post_data: {},
      show_task_cycle: false,
      show_task_super_satisfied: false,
      show_timeout_deduction_point: false,
      show_task_remark: false,
      show_task_cycle_popup: false,
      show_task_super_satisfied_popup: false,
      show_timeout_deduction_point_popup: false,
      show_task_remark_popup: false,
      show_small_tip: false,
      pointLevel: {},
      employee_map: this.$store.getters.employee_map,
      approver_manage_scope: [],
      point_types: this.$store.getters.point_types || (window.plus ? JSON.parse(plus.storage.getItem('SET_POINT_TYPES')) : JSON.parse(localStorage.getItem('SET_POINT_TYPES')))
      // show_point_standard_popup: false,
    }
  },
  components: {
    EmployeeSelectorCell, Mtextarea, DateTimeCell, NumberInput
  },
  watch: {
    'data.base_point': function (val) {
      this.data.super_satisfied = val * this.exced
      this.data.satisfied = val * this.pleased
      this.data.qualified = val
      this.data.unqualified = val * this.fail
    },
    'data.qualified': function (val) {
      this.data.super_satisfied = val * this.exced
      this.data.satisfied = val * this.pleased
      this.data.qualified = val
      this.data.unqualified = val * this.fail
    },
    'data.task_cycle': function (val) {
      this.data.task_expire_day = 1
      this.task_expire_day = 0
      if (this.data.task_cycle == 1) {
        this.task_expire_day_text = this.columns1[this.data.task_expire_day - 1]
      } else if (this.data.task_cycle == 2) {
        this.task_expire_day_text = this.columns2[this.data.task_expire_day - 1]
      } else if (this.data.task_cycle == 3) {
        this.task_expire_day_text = this.columns3[this.data.task_expire_day - 1]
      }
    },
    reviewer: function (val, old) {
      let self = this
      if (val.length == 0) {
        self.data.reviewer_id = 0
      } else {
        self.data.reviewer_id = val[0].id
      }
    },
    executor_name: function (val, old) {
      let self = this
      if (val.length == 0) {
        self.data.targets = []
      } else {
        self.data.targets = []
        let arr = []
        for (let i in val) {
          self.data.targets.push(val[i].id)
          arr.push(self.employee_map[val[i].id].superior_list)
        }
      }
    }
  },
  methods: {
    changeunqualified (val) {
      let str = '' + this.data.super_satisfied
      let str2 = ''
      if (str.indexOf('.') != -1) {
        let arr = str.split('')
        arr.splice(arr.length - 1)
        let str2 = arr.join('')

        this.data.super_satisfied = +str2
      }
    },
    changesatisfied (val) {
      let str = '' + this.data.satisfied
      let str2 = ''
      if (str.indexOf('.') != -1) {
        let arr = str.split('')
        arr.splice(arr.length - 1)
        let str2 = arr.join('')

        this.data.satisfied = +str2
      }
    },
    changequalified (val) {
      let str = '' + this.data.qualified
      let str2 = ''
      if (str.indexOf('.') != -1) {
        let arr = str.split('')
        arr.splice(arr.length - 1)
        let str2 = arr.join('')

        this.data.qualified = +str2
      }
    },
    changeValue (val) {
      let str = '' + this.data.unqualified
      let str2 = ''
      if (str.indexOf('.') != -1) {
        let arr = str.split('')
        arr.splice(arr.length - 1)
        let str2 = arr.join('')
        this.data.unqualified = +str2
      }
    },
    toast (msg) {
      this.$toast(msg)
    },
    intersection (arr) {
      const arrSet = []
      const intersectionSet = new Set()
      arr.forEach(items => {
        arrSet.push(new Set(items.map(item => item.id)))
        items.forEach(item => intersectionSet.add(item.id))
      })

      return [...intersectionSet].filter(item => arrSet.every(set => set.has(item)))
    },
    valueChange () {

    },
    showpop () {
      if (this.data.base_point === 0) {
        this.$toast('请输入任务积分')
        return
      }
      if (window.localStorage.getItem('pointLevel')) {
        let pointLevel = JSON.parse(window.localStorage.getItem('pointLevel'))
        this.exced = pointLevel[0].super_satisfied / pointLevel[2].qualified
        this.pleased = pointLevel[1].satisfied / pointLevel[2].qualified
        this.qualified = 1
        this.fail = pointLevel[3].unqualified / pointLevel[2].qualified
      } else {
        this.exced = 2
        this.pleased = 1.5
        this.qualified = 1
        this.fail = 0.5
      }
      this.data.super_satisfied = this.data.base_point * this.exced
      this.data.satisfied = this.data.base_point * this.pleased
      this.data.qualified = this.data.base_point
      this.data.unqualified = this.data.base_point * this.fail
      this.show_task_super_satisfied_popup = true
    },
    // 评分标准返回
    goback () {
      if (this.data.satisfied != 0 || this.data.qualified != 0 || this.data.unqualified != 0 || this.data.super_satisfied != 0) {
        Dialog.confirm({
          title: '确认返回，数据将不会保存'
        }).then(() => {
          this.show_task_super_satisfied_popup = false
          this.show_task_super_satisfied = false
          this.data.satisfied = 0
          this.data.qualified = 0
          this.data.unqualified = 0
          this.data.super_satisfied = 0
        }).catch(() => {
          // on cancel
        })
      } else {
        this.show_task_super_satisfied_popup = false
      }
    },

    task_expire_dayonChange (val, index) {
      this.task_expire_day = index
      if (this.data.task_cycle == 1) {
        this.task_expire_day_text = this.columns1[index]
      } else if (this.data.task_cycle == 2) {
        this.task_expire_day_text = this.columns2[index]
      } else if (this.data.task_cycle == 3) {
        this.task_expire_day_text = this.columns3[index]
      }
      this.data.task_expire_day = index + 1
      this.show_task_expire_day = false
    },
    del_task_cycle () {
      this.show_task_cycle = false
      this.$toast('任务已成为一次性任务')
      this.data.task_cycle = 0
    },
    del_timeout_deduction_point () {
      this.show_timeout_deduction_point = false
      this.data.timeout_deduction_point = 0
    },
    del_task_remark () {
      this.data.task_remark = ''
      this.show_task_remark = false
    },
    del_task_super_satisfied () {
      this.data.unqualified = 1
      this.data.qualified = 1
      this.data.satisfied = 1
      this.data.super_satisfied = 1
      this.show_task_super_satisfied = false
    },

    save_remark () {
      this.show_task_remark = true
      this.show_task_remark_popup = false
    },
    save_timeout_deduction_point () {
      this.show_timeout_deduction_point = true
      this.show_timeout_deduction_point_popup = false
    },
    save_task_super_satisfied () {
      this.show_task_super_satisfied = true
      this.show_task_super_satisfied_popup = false
    },
    save_show_task_cycle () {
      this.show_task_cycle = true
      this.show_task_cycle_popup = false
      if (this.data.task_cycle == 0) {
        this.$toast('任务已成为一次性任务')
      }
    },
    showLoading () {
      this.$toast.loading({
        loadingType: 'spinner',
        message: '正在处理'
      })
    },
    qkData () {
      this.data = {
        targets: [],
        pt_id: 0,
        task_name: '',
        task_remark: '',
        base_point: 0,
        expire_time: '',
        package_id: 0,
        weight: 0,
        file_list: [],
        reviewer_id: [],
        timeout_deduction_point: '',
        unqualified: 0,
        qualified: 0,
        satisfied: 0,
        super_satisfied: 0,
        cate_id: 0,
        task_cycle: 0,
        task_expire_day: 0
      }
    },
    sub () {
      let self = this
      self.showLoading()
      let url = ''
      if (self.data.task_cycle == 0) {
        url = self.url1
      } else {
        url = self.url2
      }
      let data = JSON.parse(JSON.stringify(self.data))
      if (data.task_remark == '') {
        delete data.task_remark
      }
      if (data.unqualified == 0) {
        delete data.unqualified
      }
      if (data.satisfied == 0) {
        delete data.satisfied
      }
      if (data.qualified == 0) {
        delete data.qualified
      }
      if (data.super_satisfied == 0) {
        delete data.super_satisfied
      }
      if (data.timeout_deduction_point == '') {
        data.timeout_deduction_point = 0
      }
      request('post', url, data).then((res) => {
        if (res.data.code == 1) {
          self.$toast.clear()
          self.executor_name = []
          self.reviewer = []
          if (window.plus) {
            setTimeout(() => {
              plus.navigator.setStatusBarStyle('dark')
              document.documentElement.style.backgroundColor = '#fff'
            }, 100)
          }
          this.qkData()
          localStorage.setItem('callback_data', JSON.stringify({title: '发布成功', detail_url: ''}))
          this.$router.replace({path: '/callback?replace=1'})
        } else {
          self.$toast.clear()
          self.$toast(res.data.msg)
        }
      }).catch((e) => {
        self.$toast.clear()
      })
    },
    sava_btn () {
      let self = this
      if (this.data.base_point === 0) {
        self.$notify({type: 'danger', message: '任务积分不能为0'})
        return
      }
      self.$validator.validate().then(result => {
        if (!result) {
          self.$notify({type: 'danger', message: self.$validator.errors.items[0].msg})
        } else {
          self.sub()
        }
      })
    }
  },
  created () {
    // if (window.localStorage.getItem('pointLevel')) {
    //   let pointLevel = JSON.parse(window.localStorage.getItem('pointLevel'))
    //   this.exced = pointLevel[0].super_satisfied/pointLevel[2].qualified
    //   this.pleased = pointLevel[1].satisfied/pointLevel[2].qualified
    //   this.qualified = 1;
    //   this.fail = pointLevel[3].unqualified/pointLevel[2].qualified
    // } else {
    //   this.exced = 2;
    //   this.pleased = 1.5;
    //   this.qualified = 1;
    //   this.fail = 0.5;
    // }

    // let self = this
    // let object = {}
    // object.name = this.$store.getters.user_info.name
    // object.id = this.$store.getters.user_info.id
    // this.reviewer.push(object)
    // for (let i in this.$store.getters.point_types) {
    //   if (this.$store.getters.point_types[i].code == 'BF') {
    //     this.data.pt_id = this.$store.getters.point_types[i].id
    //   }
    // }
    // if (window.plus) {
    //   self.bar_height = window.plus.navigator.getStatusbarHeight()
    // }
  },
  activated () {
    let self = this
    let object = {}
    object.name = this.$store.getters.user_info.name
    object.id = this.$store.getters.user_info.id
    this.reviewer.push(object)
    for (let i in this.$store.getters.point_types) {
      if (this.$store.getters.point_types[i].code == 'BF') {
        this.data.pt_id = this.$store.getters.point_types[i].id
      }
    }
    if (window.plus) {
      self.bar_height = window.plus.navigator.getStatusbarHeight()
    }
  }
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
  .body_com {
    height: calc(100% - 0.92rem);
    position: relative;
  }

  /deep/ .van-button__text {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;

    & /deep/ .svg-icon{
      margin-right: 0.08rem;
    }
  }

  .task_move {
    margin: 0.32rem;
    margin-bottom: 0;
    background-color: #fff;
    padding: 0.2rem;

    .van-row {
      .van-col {
        position: relative;
        text-align: center;
        padding: 0.2rem;
        font-size: 0.32rem;
        padding-left: 0;
        padding-right: 0;

        .icon {
          width: 0.32rem;
          height: 0.36rem;
        }

        &:after {
          content: '';
          display: block;
          height: 0.3rem;
          background-color: #DCDFE6;
          width: 0.02rem;
          clear: both;
          right: 0;
          position: absolute;
          top: .3rem;
        }
      }
    }
  }

  .all_popup {
    height: 100vh;
    width: 100vw;
    background-color: rgb(245, 245, 245);
  }

  .point_popup_tip {
    font-size: .24rem;
    color: #909399;
    line-height: .34rem;
    background-color: rgb(245, 245, 245);

    span {
      color: #26a2ff;
    }
  }

  .red {
    color: red;
  }

  .small_tip_popup_content {
    background: #fff;
    border: 1px #ccc solid;
  }

  /deep/ .bg_opacity {
    background-color: rgba(0, 0, 0, 0);
  }

  .van-popup {
    background: rgb(245, 245, 245);
  }

  .van-col.van-col--8 {
    margin-bottom: 0.16rem;
  }

  .van-col.van-col--8 .van-button {
    padding: 0;
  }

  /deep/ .van-col.van-col--8 .van-button {
    padding: 0;
  }

  .point-field /deep/ .van-cell__title.van-field__label span {
    width: 0;
    color: transparent;
    height: 0;
    overflow: hidden;
    font-size: 0;
  }

  .point-field /deep/ .van-cell__title {
    width: 0;
  }

  /deep/ .van-icon-question-o {
    display: none;
  }

  .short_task_box .choose_button {
    padding-top: 0.2rem;
    background: #fff;
    border-radius: 0.08rem;
  }

  .short_task_box .choose_button .list {
  }

  .short_task_box .choose_button .list /deep/ button {
    height: 0.4rem;
    margin: 0.16rem auto;
    border: none;
    border-right: 0.02rem #DCDFE6 solid;
    line-height: 0.4rem;
  }

  .short_task_box .choose_button .list /deep/ button:hover {
    color: #238dfa;
    background: transparent;
  }

  .short_task_box .choose_button .list /deep/ button:active {
    color: #238dfa;
    background: transparent;
  }

  .short_task_box .choose_button .list /deep/ button:before {
    background: transparent;
  }

  .short_task_box .choose_button .list:nth-child(3) /deep/ button {
    border-right: none;
  }

  .short_task_box /deep/ .van-icon-close:before {
    margin-top: 0.1rem;
    color: #238dfa;
  }

  .pointitle {
    font-size: 0.32rem;
    margin-bottom: 0.5rem;
    color: #303133;
  }

  .commonwidth {
    display: inline-block;
    width: 1.8rem;
  }

  .pointClass {
    font-size: 0.32rem;
    color: #909399;
  }
</style>
