修改操作员

src/views/main/BookingLedger/list/index.vue

@@ -1722,8 +1722,8 @@ export default {
           return GetSysUserPage
         case 'ROUTE':
           return GetSysUserPage
-        case 'OP':
+        // case 'OP':
-          return GetSysUserPage
+        //   return GetSysUserPage
         case 'DOC':
           return GetSysUserPage
         case 'CUSTOMSER':

src/views/main/BookingLedger/list/modules/formLabel.vue

@@ -4,50 +4,21 @@
       <inputView ref="inputView" :type="labelData.label" :parentVal="value" @getInputChange="inputChange" />
     </template>
     <template v-else-if="labelData.type == 'date'">
-      <datePickerView
+      <datePickerView ref="datePickerView" class="date-picker" :parentVal="value" type="etd" format="YYYY-MM-DD"
-        ref="datePickerView"
+        @dateChange="dateChangeFun"></datePickerView>
-        class="date-picker"
-        :parentVal="value"
-        type="etd"
-        format="YYYY-MM-DD"
-        @dateChange="dateChangeFun"
-      ></datePickerView>
     </template>
     <template v-else-if="labelData.type == 'dateRange'">
       <div class="picker-box" style="display: flex; padding-right: 2px">
-        <a-date-picker
+        <a-date-picker style="min-width: 30px; flex: 1" v-model="startValue" :disabled-date="disabledStartDate"
-          style="min-width: 30px; flex: 1"
+          format="YYYY-MM-DD" suffixIcon=" " placeholder="开始时间" @openChange="handleStartOpenChange" />
-          v-model="startValue"
-          :disabled-date="disabledStartDate"
-          format="YYYY-MM-DD"
-          suffixIcon=" "
-          placeholder="开始时间"
-          @openChange="handleStartOpenChange"
-        />
         <span style="margin: 0 4px">-</span>
-        <a-date-picker
+        <a-date-picker style="min-width: 30px; flex: 1" v-model="endValue" :disabled-date="disabledEndDate"
-          style="min-width: 30px; flex: 1"
+          format="YYYY-MM-DD" placeholder="结束时间" suffixIcon=" " :open="endOpen" @openChange="handleEndOpenChange" />
-          v-model="endValue"
-          :disabled-date="disabledEndDate"
-          format="YYYY-MM-DD"
-          placeholder="结束时间"
-          suffixIcon=" "
-          :open="endOpen"
-          @openChange="handleEndOpenChange"
-        />
       </div>
     </template>
     <template v-else-if="labelData.type == 'select'">
-      <a-select
+      <a-select size="small" style="margin-top: 7px" v-model="value" show-search :dropdownMatchSelectWidth="false"
-        size="small"
+        :filter-option="filterOption" @change="debounce(handleSelectChange, 300, $event)" @focus="getSelectFirst">
-        style="margin-top: 7px"
-        v-model="value"
-        show-search
-        :dropdownMatchSelectWidth="false"
-        :filter-option="filterOption"
-        @change="debounce(handleSelectChange, 300, $event)"
-        @focus="getSelectFirst"
-      >
         <template v-if="['CARRIER', 'YARDID', 'ISSUETYPE', 'CARGOID'].includes(labelData.label)">
           <a-select-option v-for="(sitem, sindex) in dataList" :key="sindex">
             {{ sitem[labelData.showLabel2] }}/ {{ sitem[labelData.showLabel] }}
@@ -61,18 +32,9 @@
       </a-select>
     </template>
     <template v-else-if="labelData.type == 'complete'">
-      <auto-complete
+      <auto-complete size="small" :allowClear="true" class="customer-input" :dropdown-match-select-width="false"
-        size="small"
+        :dropdown-style="{ width: '200px' }" v-model="value" option-label-prop="label" @select="completeSelect"
-        :allowClear="true"
+        @focus="completeChangeFirst" @change="debounce(completeChange, 300, $event)">
-        class="customer-input"
-        :dropdown-match-select-width="false"
-        :dropdown-style="{ width: '200px' }"
-        v-model="value"
-        option-label-prop="label"
-        @select="completeSelect"
-        @focus="completeChangeFirst"
-        @change="debounce(completeChange, 300, $event)"
-      >
         <!-- <template slot="dataSource" v-if="labelData.label === 'VESSEL'">
           <a-select-option v-for="(item, index) in dataSourceList" :key="index" :value="item[labelData.showLabel]">
             <div class="vessel-label">
@@ -82,12 +44,8 @@
           </a-select-option>
         </template>-->
         <template slot="dataSource">
-          <a-select-option
+          <a-select-option v-for="(item, index) in dataSourceList" :key="`${index}-${item[labelData.showLabel]}`"
-            v-for="(item, index) in dataSourceList"
+            :value="`${index}-${item[labelData.showLabel]}`" :label="item[labelData.showLabel]">
-            :key="`${index}-${item[labelData.showLabel]}`"
-            :value="`${index}-${item[labelData.showLabel]}`"
-            :label="item[labelData.showLabel]"
-          >
             <div>
               <div class="title">{{ item[labelData.showLabel] }}</div>
             </div>
@@ -280,7 +238,8 @@ export default {
             'CARRIER',
             'NOBILL',
             'CARGOID',
-            'zhanCangFlag'
+            'zhanCangFlag',
+            'OP'
           ].includes(this.labelData.label)
         ) {
           this.dataList = this.emnuData(this.labelData.label)
@@ -294,6 +253,7 @@ export default {
       }
     },
     emnuData(type) {
+      console.log(this.bookingInitData.opInitList)
       switch (type) {
         case 'LINENAME':
           return this.lineList
@@ -313,6 +273,8 @@ export default {
           return this.labelData.data
         case 'zhanCangFlag':
           return this.labelData.data
+        case 'OP':
+          return this.bookingInitData.opInitList
       }
     },
     completeSelect(value) {
@@ -345,7 +307,6 @@ export default {
           'FORWARDER',
           'SALE',
           'CUSTSERVICE',
-          'OP',
           'DOC',
           'ROUTE',
           'PAYABLEAT',
@@ -396,10 +357,13 @@ export default {
 .aa {
   transform: scaleY(0.8);
 }
+
 /deep/ .ant-select-selection__clear {
   margin-top: 0;
 }
+
 .vessel-label {
+
   // border-bottom:1px solid #eee;
   .title {
     height: 28px;
@@ -410,6 +374,7 @@ export default {
     border-bottom: 1px dashed #ddd;
     margin-bottom: 4px;
   }
+
   .voyno,
   .etd {
     height: 22px;
@@ -422,10 +387,12 @@ export default {
 /deep/.ant-calendar-picker-input {
   overflow: hidden;
 }
+
 /deep/.ant-calendar-range-picker-input {
   height: 24px !important;
   line-height: 24px !important;
 }
+
 /deep/ .ant-input {
   height: 24px !important;
 }

src/views/main/BookingLedger/list/modules/initData.js

@@ -468,7 +468,7 @@ export default {
     { title: '装货港', align: 'center', width: 120, label: 'PORTLOAD', type: 'complete', showLabel: 'enName' },
     { title: '揽货人', align: 'center', width: 120, label: 'SALE', type: 'complete', showLabel: 'name' }, // 销售
     { title: '客服员', align: 'center', width: 120, label: 'CUSTSERVICE', type: 'complete', showLabel: 'name' },
-    { title: '操作员', align: 'center', width: 120, label: 'OP', type: 'complete', showLabel: 'name' },
+    { title: '操作员', align: 'center', width: 120, label: 'OP', type: 'select', showLabel: 'name' },
     { title: '单证员', align: 'center', width: 120, label: 'DOC', type: 'complete', showLabel: 'name' },
     { title: '报关行', align: 'center', width: 120, label: 'CUSTOMSER', type: 'complete', showLabel: 'shortName' },
     { title: '订舱编号', align: 'center', width: 120, label: 'CUSTNO', type: 'input' },