<template>
  <div class="app-container">
    <el-card>
      <div slot="header" class="card-title">报表跟进</div>
    <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
      <el-form-item label="报价单号" prop="number" style="width: 46%;display: inline-block;">
        <label>{{form.number}}</label>
<!--        <el-input :value="form.number" disabled placeholder="请输入报价单号" /> -->
      </el-form-item>
      <el-form-item label="跟进类型" prop="type" style="width: 46%;display: inline-block;margin-left:8%">
        <el-radio v-model="form.type" label="2">商务洽谈</el-radio>
      </el-form-item>
      <el-form-item label="跟进时间" prop="followUpTime" style="width: 46%;display: inline-block">
        <el-date-picker clearable v-model="form.followUpTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择跟进时间" />
      </el-form-item>
      <el-form-item label="跟进业务员" prop="followUpSalesmanId" style="width: 46%;display: inline-block;;margin-left:8%">
       <el-select v-model="form.followUpSalesmanId" placeholder="请选择跟进业务员">
        <el-option v-for="item in creatorData"
                        :key="item.id" :label="item.nickname" :value="item.id"/>
        </el-select>
      </el-form-item>
      <el-form-item label="联系人" prop="contacts" style="width: 46%;display: inline-block">
       <el-select v-model="form.contacts" placeholder="请选择联系人">
            <el-option v-for="item in contactsData"
                        :key="item.customerId" :label="item.name" :value="item.customerId"/>
        </el-select>
      </el-form-item>
      <el-form-item label="跟进方式" prop="followUpMethod" style="width: 46%;display: inline-block;margin-left:8%">
        <dict-selector
          :type="DICT_TYPE.ECW_OFFER_METHOD"
          placeholder="请选择跟进方式"
          v-model="form.followUpMethod"
          form-type="select"
        />
      </el-form-item>
      <el-form-item label="客户反馈" prop="customerFeedback">
        <el-input type="textarea" :rows="3" v-model="form.customerFeedback" placeholder="请输入客户反馈" />
      </el-form-item>
      <el-form-item label="处理结果" prop="processingResults">
        <el-input type="textarea" :rows="3" v-model="form.processingResults" placeholder="请输入处理结果" />
      </el-form-item>
    </el-form>


    </el-card>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="submitForm">确 定</el-button>
    </div>
  </div>
</template>

<script>
  import { createOfferLog } from "@/api/ecw/offerLog"
  import { userList } from "@/api/system/user"
  import { getCustomerContactsListByCustomer } from "@/api/ecw/customerContacts"
  import {DICT_TYPE} from  '@/utils/dict'
  export default {
    name: "OfferLog",
    components: {
    },
    data() {
      return {
        // 遮罩层
        loading: true,
        open: false,
        contactsData:[],
        creatorData:[],
        // 表单参数
        form: {
          type:'2',
          offerId:0,
          number:0
        },
        relationId:0,
        // 表单校验
        rules: {
          type: [{ required: true, message: "请选择跟进类型", trigger: "change" }],
          followUpTime: [{ required: true, message: "跟进时间不能为空", trigger: "blur" }],
          followUpSalesmanId: [{ required: true, message: "跟进业务员不能为空", trigger: "change" }],
          contacts: [{ required: true, message: "联系人不能为空", trigger: "blur" }],
          followUpMethod: [{ required: true, message: "请选择跟进方式", trigger: "change" }],
          customerFeedback: [{ required: true, message: "客户反馈不能为空", trigger: "blur" }],
          processingResults: [{ required: true, message: "处理结果不能为空", trigger: "blur" }],
        }
      };
    },
    created() {
      if(this.$route.query.offerId){
        this.form.offerId = this.$route.query.offerId
        }
      if(this.$route.query.relationId){
        this.relationId = this.$route.query.relationId
        this.getContactsData()
        }
        if(this.$route.query.number){
          this.form.number = this.$route.query.number
        }
        userList('salesman').then(res =>this.creatorData = res.data)
    },
    methods: {
      getContactsData(){
        getCustomerContactsListByCustomer({customerId:this.relationId}).then(response => {
          this.contactsData = response.data
        })
      },
      /** 提交按钮 */
      submitForm() {
        this.$refs["form"].validate(valid => {
          if (!valid) {
            return;
          }
          // 添加的提交
          this.form.type = parseInt(this.form.type)
          this.form.followUpMethod = parseInt(this.form.followUpMethod)
          createOfferLog(this.form).then(response => {
            this.$modal.msgSuccess("新增成功");
            this.open = false;
          });
        });
      },
    }
  };
</script>

<style>
  .dialog-footer{
    padding: 40px;
  }
</style>