表格移动动画效果实现

client/src/views/OaSystem/officeCenter/noticeAndLearn/add.vue

@@ -93,8 +93,8 @@ function onSubmit(formEl: FormInstance | undefined, num?: number): void {
      * 解决定义controlsList="nodownload"属性时tinymce组件会剔除
      * **/
     formData.value.content = formData.value.content.replace(
-      'title="nodownload"',
-      'controlsList="nodownload"'
+      '<video',
+      '<video controlsList="nodownload"'
     )
   }
   formEl.validate((valid, fields: any) => {

client/src/views/OaSystem/officeCenter/noticeAndLearn/editor.vue

@@ -104,6 +104,15 @@ function onSubmit(formEl: FormInstance | undefined, num?: number): void {
   formEl.validate((valid, fields: any) => {
     if (valid) {
       let urlApi: string = '/adm/noticeAndLearn/update'
+      if (formData.value.content) {
+        /**
+         * 解决定义controlsList="nodownload"属性时tinymce组件会剔除
+         * **/
+        formData.value.content = formData.value.content.replace(
+          '<video',
+          '<video controlsList="nodownload"'
+        )
+      }
       const sendData = {
         ...formData.value
       }

client/src/views/OaSystem/projectCenter/projectDetail/components/xmht/index.vue

@@ -49,9 +49,6 @@
               {{ editor ? '保存' : '编辑' }}合同
             </li>
             <li
-              v-if="
-                projectPermis.projectPermisState.all || projectPermis.projectPermisState.xsLeader
-              "
               @click="
                 startUseMoneyMuate({
                   projectId: mContractDetail?.projectId
@@ -451,9 +448,6 @@
               {{ editor ? '保存' : '编辑' }}合同
             </li>
             <li
-              v-if="
-                projectPermis.projectPermisState.all || projectPermis.projectPermisState.xsLeader
-              "
               @click="
                 startUseMoneyMuate({
                   projectId: mContractDetail?.projectId,

zjugis-business/src/main/resources/templates/TravelCost/index.ftl

@@ -472,6 +472,9 @@
     .down_btn {
         background-image: url("/business/imgs/down_icon.png");
     }
+    .qjsjClass.transition {
+        transition: transform 0.5s ease;
+    }
     .qjsjClass:first-child .up_btn {
         background-image: url("/business/imgs/up_disabled_icon.png");
 

zjugis-business/src/main/resources/templates/TravelCost/js/index.js

@@ -309,8 +309,16 @@
             var currentTrDom = $(this).parent().parent();
             var prevTrDom = $(currentTrDom).prev();
             if(prevTrDom.length > 0){
-                prevTrDom.before(currentTrDom);
-                buildSeq("boat_car_seq");
+                var h = currentTrDom.height();
+                $(currentTrDom).addClass("transition").css('transform', 'translateY('+(-h)+'px)')
+                $(prevTrDom).addClass("transition").css('transform', 'translateY('+(h)+'px)')
+                var timer = setTimeout(function(){
+                    $(currentTrDom).removeClass("transition").css('transform', 'translateY(0px)')
+                    $(prevTrDom).removeClass("transition").css('transform', 'translateY(0px)')
+                    prevTrDom.before(currentTrDom);
+                    clearTimeout(timer)
+                    buildSeq("boat_car_seq");
+                }, 500)
             }
         })
         $(".down_btn").unbind('click')
@@ -318,8 +326,16 @@
             var currentTrDom = $(this).parent().parent();
             var nextTrDom = $(currentTrDom).next();
             if(nextTrDom.length > 0){
-                nextTrDom.after(currentTrDom);
-                buildSeq("boat_car_seq");
+                var h = currentTrDom.height();
+                $(currentTrDom).addClass("transition").css('transform', 'translateY('+(h)+'px)')
+                $(nextTrDom).addClass("transition").css('transform', 'translateY('+(-h)+'px)')
+                var timer = setTimeout(function(){
+                    $(currentTrDom).removeClass("transition").css('transform', 'translateY(0px)')
+                    $(nextTrDom).removeClass("transition").css('transform', 'translateY(0px)')
+                    nextTrDom.after(currentTrDom);
+                    clearTimeout(timer)
+                    buildSeq("boat_car_seq");
+                }, 500)
             }
         })
         $("#editBtn_boat_car_" + i).click(function () {