icore-pass/src/views/RMS/components/editCapacity.vue

<template>
   
  <!-- 修改运力信息 -->
  <div class="editCapacity">
     
    <div id="contractDetails">
          <page-title>编辑</page-title>    
      <div class="main">   </div>
         
      <div class="contractTitle">
             
        <div class="form_box" style="margin-right: 10rem">
                    <dil-form :formId="380" v-model="form1"></dil-form>      
        </div>
           
      </div>
      <!-- <div class="elForm">
  <el-form
        :inline="true"
        class="demo-form-inline"
        label-width="80px"
      >
        <el-form-item label="选择承运商">
         <el-autocomplete
          class="inline-input"
          v-model="state"
          :fetch-suggestions="querySearch"
          placeholder="请输入承运商名称"
          :trigger-on-focus="false"
          @select="handleSelect"
        >
        <template slot-scope="{ item }">
          <div class="name">{{ item.carrierName }}</div>
        </template>
        </el-autocomplete>
        </el-form-item>
    </el-form> -->
      <!-- </div> -->
    </div>
       
    <div class="button_box">
            <el-button type="primary" @click="onClickConfirm">确认</el-button>  
       
    </div>
     
  </div>
</template>

<script>
import PageTitle from "@/components/Page/Title";
import { getCookie } from "@/utils/util.js";
export default {
  components: { PageTitle },
  data() {
    return {
      state: "",
      userId: null,
      restaurants: [],
      accessToken: null,
      userCode: null,
      carrierUserId: null,
      carrierId: null,
      capacityCarrierId:null,
      carrierIds: null,
      direction: "rtl",
      inputText: "",
      form1: {},
      carrierUserId: null,
      carrierName: "",
      map:[],
      options: {
        requestUrl: "/api/v1/rms/getCarrierList?apiId=417",
        selectionType: "radio",
        mapList: [],
      },
    };
  },
  // created(){
  //     this.carrierUserId = getCookie("userId");
  //     // console.log(this.carrierUserId ,'carrierUserId')
  // },
  mounted() {
    this.information();
  },
  //   mounted() {
  //    this.information();
  //    this.axios.post(
  //        "/api/v1/rms/getCarrierNameBySSOId?carrierSSOId=" + this.carrierUserId
  //       )
  //       .then((res) => {
  //         if(res.data.code == "200"){
  //         console.log(res.data.data)
  //         this.state = res.data.data.carrierName
  //         this.carrierIds = res.data.data.carrierId
  //         }
  //   })},
  methods: {
    //承运商弹出层
    // handleSelect(item){
    //   this.carrierIds = item.carrierId
    //   item.carrierName = this.state
    // },
    // //以下是承运商边输边查搜索
    // querySearch(queryString, cb) {
    //     this.axios.post('/api/v1/uc/getCarrierMesByLike?index='+queryString).then((res)=>{
    //     if(res.data.code == "200"){
    //       console.log(res.data.data)
    //       var restaurants = res.data.data
    //       console.log(restaurants,"restaurants");
    //       var results = queryString ? restaurants.filter(this.createFilter(queryString)) :restaurants;
    //        // 调用 callback 返回建议列表的数据
    //       cb(results);
    //     }
    //     })
    //   },
    // createFilter(queryString) {
    //     return (restaurants)  =>  {
    //       return (restaurants.value.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
    //     };
    //   },
    // //以上是承运商边输边查搜索
    // currentRadioChange(selection){
    //   this.mapList=selection,
    //   // console.log(this.mapList)
    //   this.carrierName=this.mapList.carrierName
    // },
    // onclick(){
    //   this.options.requestUrl="/api/v1/rms/getCarrierList?apiId=417&con=" +this.inputText;
    // },
    information() {
      //       //编辑
      //     console.log(this.$route.params)
      // console.log(this.$route.params)
      this.axios
        .post(
          "/api/v1/rms/getCapacityInfoById/" +
            this.$route.params.capacityCarrierId
        )
        .then((res) => {
          console.log(res);
          res.data.data.forEach((e) => {
            console.log("from", this.form1);
            this.form1 = e;
          });
        });
    }, // 返回
    onClickCancel() {
      this.$router.go(-1);
    }, // 确认
    onClickConfirm() {
      console.log(this.form1);
      let map = {
        remark: this.form1.remark,
        userDep:this.form1.userDep,
        capacityCarrierId:this.$route.params.capacityCarrierId 
      };
      if (
        map.remark == null ||
        map.userDep == null 
      )
        this.$message.error("不能存在空值");
      this.axios.post("/api/v1/rms/updateCapacity", map).then((res) => {
        if (res.data.code == "200") {
          this.$message.success("修改成功");
          this.$router.go(-1);
        }else{
          this.$message.success("修改失败");
          this.$router.go(-1);
        }
      });
    },
  },
};
</script>
<style lang='scss' scoped>
.editCapacity {
  .elForm {
    margin-left: 40%;
  }
  .form_box {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    .el-form-item {
      display: flex;
      justify-content: center;
      .el-form-item__label {
        display: flex;
        align-items: center;
      }
      .el-form-item__content {
        .el-select {
          width: 250px;
        }
        .el-input {
          width: 250px;
        }
      }
    }
  }
  .button_box {
    display: flex;
    justify-content: center;
    .el-button {
      width: 80px;
      margin-right: 10px;
    }
  }
  .disableBox {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
  }
}
</style>