<template>
  <div>
    <el-card class="box-card noborder">
      <div class="cardtitles">跟进记录</div>
      <div class="records">
        <div class="writeIn">
          <div class="default" v-if="isEdit == false" @click="getEdit">
            <img src="@/assets/images/project/add_3.png">
            <div>新建一条工作代办，如:周五上午预约客户上门拜访</div>
          </div>
          <div class="writting" v-if="isEdit == true">
            <div class="wri_top">
              <img src="@/assets/images/project/add_3.png">
              <el-input placeholder="新建一条跟进记录，如:周五上午预约客户上门拜访"></el-input>
            </div>
            <div class="wr_bot">
              <div class="times"><img src="@/assets/images/project/ico_4.png">
                <el-date-picker
                                v-model="value"
                                type="date"
                                placeholder="待办时间">
                </el-date-picker>
              </div>
              <el-input v-model="value" placeholder="拜访对象" style="width: 100px;">
                <i slot="prefix" class="el-input__icon"><img src="@/assets/images/project/ico_2.png"></i>
              </el-input>
              <div class="btn btn_primary h32 wc" :class="{'btn_disabled':value == ''}">完成</div>
            </div>
          </div>
        </div>
        <div class="tasktitle"><strong>我的任务</strong><span>4条已逾期</span><!--<span class="on">4条已逾期</span>--></div>
        <div class="tasklist">
          <div class="task_name">周二拜访交通局李主任</div>
          <div class="task_con"><span>发起时间：2023-01-24</span><span>关联客户：<font class="wordprimary">重庆市交通局</font></span><span>完成时间：2023-0.-03</span></div>
          <div class="select" :class="{'on':status == 1}">
            <div class="select-popper">
                <span class="color_text">
                  {{status == 0?"未完成":"已完成"}}
                  <i class="el-icon-caret-bottom"></i>
                </span>
              <el-select  placeholder="请选择" v-model="status" class="select-multiple">
                <el-option label="未完成" value="0"></el-option>
                <el-option label="已完成" value="1"></el-option>
              </el-select>
            </div></div>
        </div>
        <div class="tasklist">
          <div class="task_name">周二拜访交通局李主任</div>
          <div class="task_con"><span>发起时间：2023-01-24</span><span>关联客户：<font class="wordprimary">重庆市交通局</font></span><span>完成时间：2023-0.-03</span></div>
          <div class="select" :class="{'on':status == 1}">
            <div class="select-popper">
                <span class="color_text">
                  {{status == 0?"未完成":"已完成"}}
                  <i class="el-icon-caret-bottom"></i>
                </span>
              <el-select  placeholder="请选择" v-model="status" class="select-multiple">
                <el-option label="未完成" value="0"></el-option>
                <el-option label="已完成" value="1"></el-option>
              </el-select>
            </div></div>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
  import "@/assets/styles/project.scss"
  import "@/assets/styles/public.css"
  export default {
    name: 'gjjl',
    data(){
      return{
        isEdit:false,
        value:'',
        status:0,
      }
    },
    methods:{
      getEdit(){
        this.isEdit = true;
        this.value = ""
      },
    }
  }
</script>

<style lang="scss" scoped>
.wc{
  position: absolute;
  right: 0;
  bottom: 0;
}
  .times{
    width: 100px;
    margin-right: 12px;
  }
</style>
