<template>
  <!-- 修改货权转移页面 -->
  <div class="shipTransport">
    <page-title>返回</page-title>
    <div class="mofrom">
      <span class="motext">物资</span>
      <el-input class="moinput" v-model="materialName" disabled> </el-input>
      <el-button class="mobutton" type="primary" @click="ondrawer(1)">浏览</el-button>
    </div>
    <!-- 货权转移送达单位 -->
    <div class="mofrom">
      <span class="motext">货权转移送达单位</span>
      <el-input class="moinput" v-model="cargo" disabled> </el-input>
      <el-button class="mobutton" type="primary" @click="ondrawer(2)">浏览</el-button>
    </div>

    <!--大品类 -->
    <div class="mofrom">
      <span class="motext">大品类</span>
      <el-input class="moinput" v-model="materialType" disabled> </el-input>
      <el-button class="mobutton" type="primary" @click="ondrawer(4)">浏览</el-button>
    </div>

    <!-- 货权转移送达单位 -->
    <div class="mofrom">
      <span class="motext">收货人</span>
      <el-input class="moinput" v-model="receiver" disabled> </el-input>
      <el-button class="mobutton" type="primary" @click="ondrawer(3)">浏览</el-button>
    </div>
    <div class="form">
      <div class="form_box">
        <dil-form :formId="112" v-model="form1"></dil-form>
      </div>
    </div>

    <!-- 模态框 -->
    <el-drawer :visible.sync="drawer" :direction="direction" :before-close="handleClose" size="50%">
      <el-input placeholder="请输入内容" v-model="input" style="margin-top: 10px; margin-left: 20px; width: 250px" clearable>
      </el-input>
      <el-button type="primary" class="btn" @click="onclick(a)" style="margin-bottom: 15px">
        <i class="el-icon-search"></i>查询
      </el-button>
      <!-- <div v-show="a == 4">
        <dilTable v-bind.sync="options" @radio-change="currentRadioChange6"></dilTable>
      </div> -->
      <div v-show="a == 1">
        <dilTable v-bind.sync="second" @radio-change="currentRadioChange1"></dilTable>
      </div>
      <div v-show="a == 2">
        <dilTable v-bind.sync="second1" @radio-change="currentRadioChange2"></dilTable>
      </div>
      <div v-show="a == 3">
        <dilTable v-bind.sync="second2" @radio-change="currentRadioChange3"></dilTable>
      </div>
      <div v-show="a == 4">
        <dilTable v-bind.sync="second3" @radio-change="currentRadioChange4"></dilTable>
      </div>
    </el-drawer>
    <el-form :inline="true" class="demo-form-inline" label-width="80px" style="margin-left:450px;display:flex;">
      <el-form-item label="上传货权转移附件">
        <el-upload class="upload-demo" style="width:270px;" ref="upload1" action="/api/v1/rms/uploadCarrier1"
          :before-upload="beforeUpload" :multiple="false" list-type="picture" :show-file-list="false"
          :on-success="handleAvatarSuccess" :on-error="onError(1)">
          <span class="span"></span>
          <el-input class="shippingCertificate" style="width:270px;display:flex;" placeholder="请选择货权转移附件(必填项,可支持重新上传)"
            v-model="shippingCertificate" disabled>
          </el-input>
          <el-button size="small" type="primary"
            style="width:115px;height:35px;margin-left: 275px;margin-top:-35px;display:flex;" @click="upCLick(1)">
            点击上传附件</el-button>
        </el-upload>
      </el-form-item>
    </el-form>
    <!-- 确定和取消 -->
    <div class="button_box">
      <el-button @click="onClickCancel">返回</el-button>
      <el-button type="primary" @click="onClickConfirm">确认</el-button>
    </div>
  </div>
</template>

<script>
import PageTitle from "@/components/Page/Title";
import { sjTime } from "@/utils/sharedJsFile";
import { getCookie } from "@/utils/util.js";
export default {
  components: { PageTitle },
  data() {
    return {
      form1: {},
      a: 1,
      cargoPictureUrl: "",
      shippingCertificate: "",
      materialName: "",
      materialType: "",
      materialId:"",
      cargo: "",
      receiver: "",
      input: "",
      drawer: false,
      direction: "rtl",
      second: {
        requestUrl: "/api/v1/uc/queryMaterialByLike?apiId=244",
        selectionType: "radio",
        mapList1: [],
      },
      second1: {
        requestUrl: "/api/v1/tms/selectShippeByName?apiId=215",
        selectionType: "radio",
        mapList2: [],
      },
      second2: {
        requestUrl: "/api/v1/tms/getGroupList?apiId=217",
        selectionType: "radio",
        mapList3: [],
      },
      second3: {
        requestUrl: "/api/v1/rms/getMaterialTypeList?apiId=376",
        selectionType: "radio",
        mapList4: [],
      },
    }
  },
  mounted() {
    this.information();
  },
  methods: {
    information() {
      this.axios
        .post("/api/v1/tms/selectByNoticeId/" + this.$route.params.noticeId)
        .then((res) => {
          res.data.data.forEach((e) => {
            console.log("aaa",e);
             this.form1 = e;
             this.materialName=e.materialName;
             this.materialId=e.materialId;
             this.cargo=e.cargoName;
             this.cargoId=e.cargoId;
             this.shippingCertificate=e.cargoPictureUrl;
             this.cargoPictureUrl=e.cargoPictureUrl;
             this.receiver=e.reciveName;
             this.materialType=e.materialType;
          });

        });
    },
    handleClose(done) {
      done();
    },
    upCLick(val) {
      this.num = val;
    },
    beforeUpload(file) {
      this.upBool = true;
      const isLt2M = file.size < 1024 * 1024 * 0.5;
      if (!isLt2M) {
        this.$message.error("上传文件大小不能超过500kb!");
      } else {
        let size = file.size / 1024;
        let _URL = window.URL || window.webkitURL;
        let img = new Image();
        img.src = _URL.createObjectURL(file);
      }
      return isLt2M;
    },
    onError(err) {
      if (this.upBool) {
        if (this.num == 1) {
          this.shippingCertificate = null;
          this.cargoPictureUrl = null;
          // this.$message.error("上传失败");
        }
      }
    },
    handleAvatarSuccess(res, file) {
      // console.log("res",res.data)
      if (res.code) {
        this.upBool = false;
        if (this.num == 1) {
          this.cargoPictureUrl = res.data;
          this.shippingCertificate = file.name;
        }
        this.$message.success("上传成功");
      }
    },

    currentRadioChange() {
      console.log(1);
    },

    ondrawer(num) {
      this.drawer = true;
      this.a = num;
      // 清空当前输入框中的数据
      this.input = "";
    },
    currentRadioChange1(selection) {
      (this.second.mapList1 = selection),
        (this.materialName = selection.materialName);
        (this.materialId=selection.materialId);
    },
    currentRadioChange2(selection) {
      (this.second1.mapList2 = selection), (this.cargo = selection.cargoName);
    },
    currentRadioChange3(selection) {
      (this.second2.mapList3 = selection), (this.receiver = selection.pierName);
    },
    currentRadioChange4(selection) {
      (this.second3.mapList4 = selection), (this.materialType = selection.materialTypeName);
    },
    onchange(val) { },
    onclick(a) {
      if (a == 1) {
        this.second.requestUrl =
          "/api/v1/uc/queryMaterialByLike?apiId=244&index=" + this.input;
      } else if (a == 2) {
        this.second1.requestUrl =
          "/api/v1/tms/selectShippeByName?apiId=215&con=" + this.input;
      } else if (a == 3) {
        this.second2.requestUrl =
          "/api/v1/tms/getGroupList?apiId=217&con=" + this.input;
      } else if (a == 4) {
        // console.log("aaaa");
        this.second3.requestUrl =
          "/api/v1/rms/getMaterialTypeList?apiId=376&con=" + this.input;
      }
    },

    // 确认
    onClickConfirm() {
      let map = {
        noticeId: this.$route.params.noticeId,
        carrierId: this.form1.carrierId,
        requesterGroupId: this.form1.requesterGroupId,
        noticeCommerceMethod: this.form1.noticeCommerceMethod,
        noticeHandoverMethod: this.form1.noticeHandoverMethod,
        portId: this.form1.portId,
        noticePortConstructionFee: this.form1.noticePortConstructionFee,
        noticeDeliveryTime: sjTime(this.form1.noticeDeliveryTime),
        noticePileFreeDays: this.form1.noticePileFreeDays,
        // batchId: this.batchId,
        purchaseContractUnitPrice: this.form1.purchaseContractUnitPrice,
        purchaseContractMoisture: this.form1.purchaseContractMoisture,
        //微元素含量
        tfeContent: this.form1.tfeContent,
        silicaContent: this.form1.silicaContent,
        aluminaContent: this.form1.aluminaContent,
        phosphorusContent: this.form1.phosphorusContent,
        manganeseContent: this.form1.manganeseContent,
        resultContactPerson: this.form1.resultContactPerson,
        resultTelephoneFax: this.form1.resultTelephoneFax,
        resultFreightForwardingInfo: this.form1.resultFreightForwardingInfo,
        resultMemo: this.form1.resultMemo,
        resultNumberOfLoans: this.form1.resultNumberOfLoans,
        cargoId: this.second1.mapList2.cargoId,
        groupId: this.second2.mapList3.id,
        inFactoryShipName: this.form1.inFactoryShipName,
        foreignShipName: this.form1.foreignShipName,
        materialId: this.materialId,
        materialTypeId: this.second3.mapList4.materialTypeId,
        isNeedPortDisCharge: this.form1.isNeedPortDisCharge,
        isNeedPortFee: this.form1.isNeedPortFee,
        cargoPictureUrl: this.cargoPictureUrl,
        userId: getCookie("userId"),
      };

      // function isNumber() {
      //   var value = AmsshipCargoTransferResult.resultTelephoneFax;
      //   //验证是否为数字
      //   var patrn = /^(-)?\d+(\.\d+)?$/;
      //   if (patrn.exec(value) == null || value == "") {
      //     return false;
      //   } else {
      //     return true;
      //   }
      // }
      // var val = this.value;
      // if (
      //   AmsshipCargoTransferResult.resultTelephoneFax==null||
      //   AmsshipCargoTransferResult.resultContactPerson==null
      // ) this.$message.error("存在空值！");
      // else
      // if (!isNumber(val)) this.$message.error("联系电话必须是数字！");
      // else
  
      this.axios
        .post("/api/v1/tms/editDeliveryNotice", map
        )
        .then((res) => {
          if(res.data.code=="200"){
          this.$message({
            type: "success",
            message: "修改成功!",
          });
          this.$router.go(-1);
          }
           else{
            this.$message.error("修改失败！！")
          }
        });
    },
    // 返回
    onClickCancel() {
      this.$router.go(-1);
    },
  },

};


</script>
<style lang="scss">
.shipTransport {
  .form {
    display: flex;

    .form_box {
      width: 320px;
      margin-left: 35%;
      margin-top: 30px;
      margin-right: 20px;

      .el-form {
        .preview-group {
          .el-form-item {
            .el-form-item__label {
              display: inline-block;
              width: 70px !important;
            }

            .el-form-item__content {
              .el-select {
                width: 250px;
              }

              .el-input {
                width: 250px;
              }
            }
          }
        }
      }
    }
  }
  .mofrom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-right: 10px;

    .motext {
      width: 70px;
    }

    .moinput {
      width: 250px;
    }

    .mobutton {
      margin-left: 6px;
    }
  }


  .button_box {
    margin-left: 45%;
  }
}
</style>
