1/16

src/views/main/Taskmanage/BcFileDetail/Editing.vue

@@ -2,7 +2,7 @@
   <div class="Main">
     <a-spin :spinning="spinning">
       <a-row :gutter="16">
-        <a-col :span="14">
+        <a-col :span="10">
           <div class="LeftHead">
             <p>Booking Confirmation（{{ form.carrierId }}）</p>
             <p>订舱时间：{{ form.bookingConfirmDate }}</p>
@@ -339,7 +339,7 @@
             </a-row>
           </a-form>
         </a-col>
-        <a-col :span="10" class="rightBox">
+        <a-col :span="14" class="rightBox">
           <iframe width="100%" height="720" frameborder="0" scrolling="auto" :src="pdfUrl"></iframe>
         </a-col>
       </a-row>
@@ -378,7 +378,7 @@
                 @search="SearchCustomer"
                 @change="ChangeCustomer"
               >
-                <a-select-option v-for="(item, index) in CustomerList" :key="index" :value="item.codeName">
+                <a-select-option v-for="(item, index) in CustomerList" :key="index" :value="item.id">
                   {{ item.shortName }}
                 </a-select-option>
               </a-select>
@@ -555,7 +555,15 @@
     <a-modal v-model="UserVisible" title="转移任务" @ok="UserhandleOk">
       <a-form>
         <a-form-item label="接收人：" :label-col="formItemLayout.labelCol1" :wrapper-col="formItemLayout.wrapperCol1">
-          <a-select v-model="UserId" style="width: 120px">
+          <a-select
+            show-search
+            v-model="UserId"
+            :default-active-first-option="false"
+            :show-arrow="false"
+            :filter-option="false"
+            :not-found-content="null"
+            @search="SearchUser"
+          >
             <a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
               {{ item.name }}
             </a-select-option>
@@ -629,7 +637,7 @@ export default {
     },
     ChangeCustomer(e) {
       this.CustomerList.forEach(item => {
-        if (item.codeName == e) {
+        if (item.id == e) {
           this.CreateData.customerName = item.shortName
         }
       })
@@ -664,7 +672,10 @@ export default {
       })
     },
     FnCancelTask() {
-      CancelTaskBC().then(res => {
+      const ApiData = {
+        taskPKId: this.$route.query.taskPKId
+      }
+      CancelTaskBC(ApiData).then(res => {
         if (res.data.succ) {
           this.$message.success(res.data.msg)
         } else {
@@ -678,7 +689,7 @@ export default {
     getList() {
       this.spinning = true
       const ApiData = {
-        taskPkId: this.$route.query.taskPKId
+        taskPKId: this.$route.query.taskPKId
       }
       GetInfoByTaskId(ApiData).then(res => {
         console.log(res.data)
@@ -720,8 +731,10 @@ export default {
     },
     OpenModal() {
       this.visible = true
+      this.CreateData = {}
     },
     OpenUser() {
+      this.UserId = ''
       this.UserVisible = true
     },
     handleOk() {
@@ -734,8 +747,8 @@ export default {
 
       let ApiData = {
         bcTaskId: this.$route.query.taskPKId,
-        bcPkId: '',
-        slotId: '',
+        // bcPkId: '',
+        // slotId: '',
         projectList,
         ...this.CreateData
       }
@@ -751,7 +764,7 @@ export default {
     },
     UserhandleOk() {
       const ApiData = {
-        taskPkId: this.$route.query.taskPKId,
+        taskPKId: this.$route.query.taskPKId,
         userId: this.UserId
       }
       TransferTask(ApiData).then(res => {
@@ -766,16 +779,16 @@ export default {
     },
     Rcolor(hexColor) {
       let hex = hexColor.replace('#', '').toLowerCase()
-      let red = parseInt(hex.substring(0, 2), 16) - 80
-      let green = parseInt(hex.substring(2, 4), 16) - 80
-      let blue = parseInt(hex.substring(4, 6), 16)
+      let red = parseInt(hex.substring(0, 2), 16) - 90
+      let green = parseInt(hex.substring(2, 4), 16) - 90
+      let blue = parseInt(hex.substring(4, 6), 16) - 50
       return `rgb(${red}, ${green}, ${blue})`
     }
   }
 }
 </script>
 <style lang="less" scoped>
-@import url('../../BookingLedger/detail/index.less');
+// @import url('../../BookingLedger/detail/index.less');
 @import url('../../BookingLedger/detail/style/rightContent.less');
 .modaltitle {
   border-bottom: 1px solid #000;
@@ -787,7 +800,7 @@ export default {
   color: '#02A7F0';
 }
 .Main {
-  width: 80%;
+  width: 98%;
   margin: 0 auto;
 
   .LeftHead {
@@ -825,6 +838,7 @@ export default {
         // border: 1px solid rgba(170, 10, 0, 1);
         border-radius: 3px;
         box-shadow: none;
+        // font-weight: bold;
         // color: #62a10398;
         margin: 0.5rem;
         padding: 0 0.3rem;