报关要素样式

src/views/shipment-details/declareElementsModal.vue

@@ -93,14 +93,23 @@
               :data-source="declareElementsData"
               :loading="loading"
               :pagination="false"
-               :scroll="{y: 200}"
+               :scroll="{y: 500}"
             >
               <!-- 类型 下拉选择 -->
               <template slot="typeValueSlot" slot-scope="text, record, index">
                 <a-form-model-item prop="typeValue">
-                  <j-dict-select-tag v-model="record.typeValue" placeholder="请选择类型" style="text-align:left;"
+                   <a-select v-model="record.typeValue">
+                  <a-select-option
+                     v-for="(item,index) in arrOption"
+                     :key="index"
+                     :value="item.value">
+                     {{item.label}}
+                  </a-select-option>
+                   </a-select>
+
+                  <!-- <j-dict-select-tag v-model="record.typeValue" placeholder="请选择类型" style="text-align:left;"
                     dictCode="sys_dict_item,item_text,item_text,dict_id='1536626597689970689'" :disabled="pushState">
-                  </j-dict-select-tag>
+                  </j-dict-select-tag> -->
                 </a-form-model-item>
               </template>
 
@@ -159,6 +168,7 @@ import { JeecgListMixin } from '@/mixins/JeecgListMixin'
 import JEllipsis from '@/components/jeecg/JEllipsis'
 import moment from 'moment'
 import { syDeclarationElementsAdd } from '@api/document/shipmentList'
+import {Dictionaries} from '@api/document/book.js'
 
 export default {
   name: 'DeclareElementsModal', // 报关要素
@@ -207,14 +217,23 @@ export default {
       declareElements: {}, // 主表信息
       declareElementsData: [], // 子表信息
       confirmLoading: false,
-      declareElementsModVis: false
+      declareElementsModVis: false,
+      arrOption:[]
     }
   },
   // 接收父组件 方法
   props: {},
 
-  created() {  },
+  created() {  
+    this.getOption()
+  },
   methods: {
+    //获取类别数据字典
+    getOption(){
+      Dictionaries({code:'customs_declaration_elements'}).then(res => {
+         this.arrOption = res
+      })
+    },
     //英文品名转化大写
     convertUppercase(val){
       this.declareElements.englishProductName = val.toUpperCase()
@@ -341,4 +360,7 @@ export default {
 /deep/ .ant-modal-body {
   padding: 10px;
 }
+/deep/.ant-form-item{
+  margin-bottom: 0px !important;
+}
 </style>