diff --git a/jero-web/src/components/libraryAddForm/index.vue b/jero-web/src/components/libraryAddForm/index.vue
index a075581f9..fbb84fbc9 100644
--- a/jero-web/src/components/libraryAddForm/index.vue
+++ b/jero-web/src/components/libraryAddForm/index.vue
@@ -285,7 +285,7 @@
                     <span>{{$t('Typeofimplementation')}}</span>
                   </div>
                   <a-form-model-item class="itemModel">
-                    <j-dict-select-tag class="box-input" v-model="tabledataGrad.implementationType"
+                    <j-multi-select-tag class="box-input" v-model="tabledataGrad.implementationType"
                                        :placeholder="$t('PleaseSelect')+$t('Typeofimplementation')"
                                        :type="'select'"
                                        @changeQuery='implementationTypeChange'
@@ -358,7 +358,7 @@
                 <span>{{$t('Typeofimplementation')}}</span>
               </div>
               <a-form-model-item class="itemModel">
-                <j-dict-select-tag class="box-input" v-model="tabledataGrad.implementationType"
+                <j-multi-select-tag class="box-input" v-model="tabledataGrad.implementationType"
                                    :placeholder="$t('PleaseSelect')+$t('Typeofimplementation')"
                                    :type="'select'"
                                    @changeQuery='implementationTypeChange'
@@ -488,7 +488,7 @@
             dataIndex: 'implementationTypeText',
             align: 'left',
             ellipsis: true,
-            width: 100
+            width: 150
           },
           {
             title: this.$t('ImplementationDate'),
@@ -502,7 +502,7 @@
             dataIndex: 'remarks',
             align: 'left',
             ellipsis: true,
-            width: 254
+            width: 204
           },
           {
             title: this.$t('operation'),