diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index fa166a0a9..9bf2aa79d 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -1709,5 +1709,5 @@ module.exports = {
   cause:'cause',
   implementationrecords:'Fault handling measures and emergency response implementation records',
   onlyDataWithListStatusDraftCanBeDeleted:'Only data with a list status of Draft can be deleted',
-
+  implementationDateTwo:'Implementation Date',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index fd9000355..83a9c7fd1 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -1809,4 +1809,5 @@ module.exports = {
   cause:'原因',
   implementationrecords:'故障处置措施和应急响应实施记录',
   onlyDataWithListStatusDraftCanBeDeleted:'只能删除清单状态为草稿的数据',
+  implementationDateTwo:'实施日期',
 }
\ No newline at end of file
diff --git a/jero-web/src/components/libraryAddForm/index.vue b/jero-web/src/components/libraryAddForm/index.vue
index 2f3f5c3d5..0002a45f7 100644
--- a/jero-web/src/components/libraryAddForm/index.vue
+++ b/jero-web/src/components/libraryAddForm/index.vue
@@ -233,9 +233,9 @@
       </div>
 
       <div>
-      <div class="header-text" style='margin-bottom: 0px'>
-        {{$t('DetailsPhasedImplementation')}}
-      </div>
+        <div class="header-text" style='margin-bottom: 0px'>
+          {{$t('DetailsPhasedImplementation')}}
+        </div>
         <a-button key="submit" type="primary" @click="newlyAdded" style='float: right; z-index: 99; margin-bottom: 5px'>
           {{ $t('newlyAdded') }}
         </a-button>
@@ -252,9 +252,18 @@
                     {{$t('edit')}}
                   </a>
                   <a @click="deleteLib(result,index)" style="margin-right: 10px">
-                    {{$t("deleteLib")}}
+                    {{$t('deleteLib')}}
                   </a>
           </span>
+          <span slot="standNumberOrClause">
+               <span :title="$t('Statutenumberclause')">{{$t('Statutenumberclause')}}</span>
+          </span>
+          <span slot="implementationDateTwo">
+           <span :title="$t('implementationDateTwo')">{{$t('implementationDateTwo')}}</span>
+          </span>
+          <span slot="Typeofimplementation">
+               <span :title="$t('Typeofimplementation')">{{$t('Typeofimplementation')}}</span>
+          </span>
         </a-table>
       </div>
       <a-modal
@@ -265,62 +274,69 @@
         :maskClosable="false"
         @cancel="visibleGrad = false"
       >
-          <a-form-model :rules="tablerules" :model="tabledataGrad"
-                        ref="tableruleForm">
-            <a-row :gutter="24">
-              <a-col :span="12">
-                <div class="box-title-text">
-                  <div class="title-text">
-                    <span>{{$t('Statutenumberclause')}}</span>
-                  </div>
-                  <a-form-model-item class="itemModel" prop="standNumberOrClause">
-                    <a-input class="box-input" v-model="tabledataGrad.standNumberOrClause"
-                                    :placeholder="$t('PleaseEnter')+$t('Statutenumberclause')"/>
-                  </a-form-model-item>
-                </div>
-              </a-col>
-              <a-col :span="12">
-                <div class="box-title-text">
-                  <div class="title-text">
-                    <span>{{$t('Typeofimplementation')}}</span>
-                  </div>
-                  <a-form-model-item class="itemModel">
-                    <j-multi-select-tag class="box-input" v-model="tabledataGrad.implementationType"
-                                       :placeholder="$t('PleaseSelect')+$t('Typeofimplementation')"
-                                       :type="'select'"
-                                       @changeQuery='implementationTypeChange'
-                                       :triggerChange="false" dictCode="shi2_shi1_lei4_xing2"/>
-                  </a-form-model-item>
-                </div>
-              </a-col>
-              <a-col :span="12">
-                <div class="box-title-text">
-                  <div class="title-text">
-                    <span>{{$t('ImplementationDate')}}</span>
-                  </div>
-                  <a-form-model-item class="itemModel">
-                    <a-date-picker class="box-input"  v-model="tabledataGrad.implementationDate"
-                                   :placeholder="$t('PleaseSelect')+$t('ImplementationDate')"
-                                   format="YYYY-MM-DD"
-                                   @change='dateChangeOne'
-                                   style="width: 100%"/>
-                    <!--                      :disabledDate="disabledDate"-->
-                  </a-form-model-item>
-                </div>
-              </a-col>
-              <a-col :span="12">
-                <div class="box-title-text">
+        <a-form-model :rules="tablerules" :model="tabledataGrad"
+                      ref="tableruleForm">
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
                 <div class="title-text">
-                  <span>{{$t('remarks')}}</span>
+                  <span class="Required">*</span>
+                  <span :title="$t('Statutenumberclause')">{{$t('Statutenumberclause')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="standNumberOrClause">
+                  <a-input class="box-input" v-model.trim="tabledataGrad.standNumberOrClause"
+                           :placeholder="$t('PleaseEnter')+$t('Statutenumberclause')"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :title="$t('Typeofimplementation')">{{$t('Typeofimplementation')}}</span>
+                </div>
+                <a-form-model-item class="itemModel-multi" prop="implementationType">
+                  <j-multi-select-tag class="box-input" v-model="tabledataGrad.implementationType"
+                                      :placeholder="$t('PleaseSelect')+$t('Typeofimplementation')"
+                                      :type="'select'"
+                                      @changeQuery='implementationTypeChange'
+                                      :triggerChange="false" dictCode="shi2_shi1_lei4_xing2"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :title="$t('implementationDateTwo')">{{$t('implementationDateTwo')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="implementationDate">
+                  <a-date-picker class="box-input" v-model="tabledataGrad.implementationDate"
+                                 :placeholder="$t('PleaseSelect')+$t('implementationDateTwo')"
+                                 format="YYYY-MM-DD"
+                                 @change='dateChangeOne'
+                                 style="width: 100%"/>
+                  <!--                      :disabledDate="disabledDate"-->
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span :title="$t('remarks')">{{$t('remarks')}}</span>
                 </div>
                 <a-form-model-item class="itemModel" style="height: auto" prop="remarks">
                   <a-textarea :placeholder="$t('pleaseEnter')+$t('remarks')"
                               :rows="4" v-model="tabledataGrad.remarks"/>
                 </a-form-model-item>
               </div>
-              </a-col>
-            </a-row>
-          </a-form-model>
+            </a-col>
+          </a-row>
+        </a-form-model>
         <template slot="footer">
           <a-button key="back" @click="visibleGrad = false">
             {{ $t('cancel') }}
@@ -331,78 +347,85 @@
         </template>
       </a-modal>
       <a-modal
-      :title="$t('edit')"
-      :width="900"
-      :visible="tablevisibleGrad"
-      :confirm-loading="confirmLoading"
-      :maskClosable="false"
-      @cancel="tablevisibleGrad = false"
-    >
-      <a-form-model :rules="tablerules" :model="tabledataGrad"
-                    ref="tableruleFormedit">
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span>{{$t('Statutenumberclause')}}</span>
+        :title="$t('edit')"
+        :width="900"
+        :visible="tablevisibleGrad"
+        :confirm-loading="confirmLoading"
+        :maskClosable="false"
+        @cancel="tablevisibleGrad = false"
+      >
+        <a-form-model :rules="tablerules" :model="tabledataGrad"
+                      ref="tableruleFormedit">
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :title="$t('Statutenumberclause')">{{$t('Statutenumberclause')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="standNumberOrClause">
+                  <a-input class="box-input" v-model.trim="tabledataGrad.standNumberOrClause"
+                           :placeholder="$t('PleaseEnter')+$t('Statutenumberclause')"/>
+                </a-form-model-item>
               </div>
-              <a-form-model-item class="itemModel" prop="standNumberOrClause">
-                <a-input class="box-input" v-model="tabledataGrad.standNumberOrClause"
-                         :placeholder="$t('PleaseEnter')+$t('Statutenumberclause')"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span>{{$t('Typeofimplementation')}}</span>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :title="$t('Typeofimplementation')">{{$t('Typeofimplementation')}}</span>
+                </div>
+                <a-form-model-item class="itemModel-multi" prop="implementationType">
+                  <j-multi-select-tag class="box-input" v-model="tabledataGrad.implementationType"
+                                      :placeholder="$t('PleaseSelect')+$t('Typeofimplementation')"
+                                      :type="'select'"
+                                      @changeQuery='implementationTypeChange'
+                                      :triggerChange="false" dictCode="shi2_shi1_lei4_xing2"/>
+                </a-form-model-item>
               </div>
-              <a-form-model-item class="itemModel">
-                <j-multi-select-tag class="box-input" v-model="tabledataGrad.implementationType"
-                                   :placeholder="$t('PleaseSelect')+$t('Typeofimplementation')"
-                                   :type="'select'"
-                                   @changeQuery='implementationTypeChange'
-                                   :triggerChange="false" dictCode="shi2_shi1_lei4_xing2"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span>{{$t('ImplementationDate')}}</span>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span :title="$t('implementationDateTwo')">{{$t('implementationDateTwo')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="implementationDate">
+                  <a-date-picker class="box-input" v-model="tabledataGrad.implementationDate"
+                                 :placeholder="$t('PleaseSelect')+$t('implementationDateTwo')"
+                                 format="YYYY-MM-DD"
+                                 @change='dateChangeOne'
+                                 style="width: 100%"/>
+                  <!--                      :disabledDate="disabledDate"-->
+                </a-form-model-item>
               </div>
-              <a-form-model-item class="itemModel">
-                <a-date-picker class="box-input"  v-model="tabledataGrad.implementationDate"
-                               :placeholder="$t('PleaseSelect')+$t('ImplementationDate')"
-                               format="YYYY-MM-DD"
-                               @change='dateChangeOne'
-                               style="width: 100%"/>
-                <!--                      :disabledDate="disabledDate"-->
-              </a-form-model-item>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="box-title-text">
-              <div class="title-text">
-                <span>{{$t('remarks')}}</span>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span :title="$t('remarks')">{{$t('remarks')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" style="height: auto" prop="remarks">
+                  <a-textarea :placeholder="$t('pleaseEnter')+$t('remarks')"
+                              :rows="4" v-model="tabledataGrad.remarks"/>
+                </a-form-model-item>
               </div>
-              <a-form-model-item class="itemModel" style="height: auto" prop="remarks">
-                <a-textarea :placeholder="$t('pleaseEnter')+$t('remarks')"
-                            :rows="4" v-model="tabledataGrad.remarks"/>
-              </a-form-model-item>
-            </div>
-          </a-col>
-        </a-row>
-      </a-form-model>
-      <template slot="footer">
-        <a-button key="back" @click="tablevisibleGrad = false">
-          {{ $t('cancel') }}
-        </a-button>
-        <a-button key="submit" type="primary" @click="tablehandleSubmit">
-          {{ $t('determine') }}
-        </a-button>
-      </template>
-    </a-modal>
+            </a-col>
+          </a-row>
+        </a-form-model>
+        <template slot="footer">
+          <a-button key="back" @click="tablevisibleGrad = false">
+            {{ $t('cancel') }}
+          </a-button>
+          <a-button key="submit" type="primary" @click="tablehandleSubmit">
+            {{ $t('determine') }}
+          </a-button>
+        </template>
+      </a-modal>
       <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFile>
     </a-form-model>
   </a-spin>
@@ -449,6 +472,11 @@
         rules: {},
         tablerules: {
           standNumberOrClause: [
+            {
+              required: true,
+              message: this.$t('Statutenumberclause') + this.$t('cannotEmpty'),
+              trigger: 'blur'
+            },
             {
               // required: true,
               max: 200,
@@ -456,6 +484,20 @@
               trigger: 'blur'
             }
           ],
+          implementationType:[
+            {
+              required: true,
+              message: this.$t('Typeofimplementation') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            },
+          ],
+          implementationDate:[
+            {
+              required: true,
+              message: this.$t('implementationDateTwo') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            },
+          ],
           remarks: [
             {
               // required: true,
@@ -495,25 +537,27 @@
         ],
         columnsGrading: [
           {
-            title: this.$t('Statutenumberclause'),
             dataIndex: 'standNumberOrClause',
             align: 'left',
             ellipsis: true,
-            width: 160
+            width: 160,
+            scopedSlots: { title: 'standNumberOrClause' }
           },
           {
-            title: this.$t('Typeofimplementation'),
+            // title: this.$t('Typeofimplementation'),
             dataIndex: 'implementationTypeText',
             align: 'left',
             ellipsis: true,
-            width: 150
+            width: 150,
+            scopedSlots: { title: 'Typeofimplementation' }
           },
           {
-            title: this.$t('ImplementationDate'),
+            // title: this.$t('implementationDateTwo'),
             dataIndex: 'implementationDate',
             align: 'left',
             ellipsis: true,
-            width: 150
+            width: 150,
+            scopedSlots: { title: 'implementationDateTwo' }
           },
           {
             title: this.$t('remarks'),
@@ -530,45 +574,44 @@
             scopedSlots: { customRender: 'Gradoperation' }
           }
         ],
-        dataGrad: [],
+        dataGrad: []
       }
     },
     mounted() {
 
     },
     methods: {
-      tablehandleSubmit(){
+      tablehandleSubmit() {
         this.$refs.tableruleFormedit.validate((valid) => {
-          if(valid){
+          if (valid) {
             this.tablevisibleGrad = false
-            console.log(this.tabledataGrad)
             this.dataGradto[this.tabledataIndex] = this.tabledataGrad
-            this.dataGradto= [... this.dataGradto]
+            this.dataGradto = [...this.dataGradto]
           }
         })
       },
-      deleteLib(val,index) {
+      deleteLib(val, index) {
         let _this = this
         this.$confirm({
           content: _this.$t('ConfirmDelete'),
           onOk() {
-            _this.dataGradto.splice(index,1)
+            _this.dataGradto.splice(index, 1)
             _this.dataGradto = [..._this.dataGradto]
           }
         })
       },
-      newlyAdded(){
+      newlyAdded() {
         this.tabledataGrad = {}
         this.visibleGrad = true
       },
-      handeredit(result,index){
+      handeredit(result, index) {
         this.tablevisibleGrad = true
         this.tabledataIndex = index
         this.tabledataGrad = JSON.parse(JSON.stringify(result))
       },
-      handleSubmit(){
+      handleSubmit() {
         this.$refs.tableruleForm.validate(valid => {
-          if (valid){
+          if (valid) {
             this.dataGradto.push(this.tabledataGrad)
             this.visibleGrad = false
           }
@@ -638,7 +681,7 @@
         this.tabledataGrad.implementationDate = this.tabledataGrad.implementationDate ? moment(this.tabledataGrad.implementationDate).format('YYYY-MM-DD') : ''
         console.log(this.tabledataGrad.implementationDate)
       },
-      implementationTypeChange(val){
+      implementationTypeChange(val) {
         this.tabledataGrad.implementationTypeText = val
       },
       onChange(item) {
@@ -759,7 +802,7 @@
           }
         })
       },
-      postTable(){
+      postTable() {
         let params = this.dataGradto
         postAction(this.url.getDocumentInfo, params).then((res) => {
           if (res.success) {
diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index fa7898358..b6c149e5a 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -376,7 +376,7 @@
             width: 150
           },
           {
-            title: this.$t('ImplementationDate'),
+            title: this.$t('implementationDateTwo'),
             dataIndex: 'implementationDate',
             align: 'left',
             ellipsis: true,
diff --git a/jero-web/src/views/regulatoryEarlyWarning/index.vue b/jero-web/src/views/regulatoryEarlyWarning/index.vue
index d4952cef3..a52d07cb6 100644
--- a/jero-web/src/views/regulatoryEarlyWarning/index.vue
+++ b/jero-web/src/views/regulatoryEarlyWarning/index.vue
@@ -42,7 +42,7 @@
         <span slot="serial_number" slot-scope="text,result">
             <a @click="standClick(result)" :title="text">{{text}}</a>
         </span>
-        <span slot="vehicleInProductionDate" slot-scope="text,result">
+        <span slot="vehicleInProductionDate" slot-scope="text,result" :title="text">
               <span v-if="result.xin1_che1_xing2_shi2_shi1_ri4_qi1 == 'yellow'">
                    {{text}}
               </span>
@@ -53,7 +53,7 @@
                    {{text}}
                </span>
         </span>
-        <span slot="ImplementationDate" slot-scope="text,result">
+        <span slot="ImplementationDate" slot-scope="text,result" :title="text">
               <span v-if="result.new_colour == 'yellow'" style="color: #fdd835">
                    {{text}}
               </span>
@@ -64,7 +64,7 @@
                    {{text}}
                </span>
         </span>
-        <span slot="vehicleInProductionDate" slot-scope="text,result">
+        <span slot="vehicleInProductionDate" slot-scope="text,result" :title="text">
               <span v-if="result.implement_colour == 'yellow'" style="color: #fdd835">
                    {{text}}
               </span>