车险录单底部优化

src/views/Task/daikeComponents/KtLetter.vue

@@ -2664,10 +2664,7 @@
         <el-button size="small" type="primary" @click="uploadinformation">上传资料</el-button>
       </span>
     </el-dialog>
-    <div v-if="isLetter == '1'" class="flex j-c a-c" :class="{
-      'footer': true,
-      'shadow': !isBottom
-    }">
+    <div v-if="isLetter == '1'" class="flex j-c a-c footer" :class="$store.state.app.collapse ? 'position-collapse-left' : 'position-left'">
       <el-button size="small" @click="add()">录下一单</el-button>
       <el-button type="primary" :loading="calculateLoading" size="small" @click="quote()">保费计算</el-button>
     </div>
@@ -2815,6 +2812,7 @@ import { base64ToPath } from "@/common/image-tools-base64.js";
 import quotationDialog from "@/views/Core/components/quotationDialog.vue";
 import quotationDialogPro from "@/views/Core/components/quotationDialogPro.vue";
 import detailsDialog from "@/views/Core/components/detailsDialog.vue";
+import { mapState } from "vuex";
 
 export default {
   inject: ["reload"],
@@ -4350,6 +4348,9 @@ export default {
     _self = this;
   },
   computed: {
+    ...mapState({
+      collapse: state => state.app.collapse,
+    }),
     issueDateOptions() {
       return {
         disabledDate: this.disabledDate
@@ -9903,9 +9904,13 @@ export default {
   font-size: 14px;
   background-color: #f7f7f9;
 }
-
+.position-left{
+  width: calc(100% - 220px);
+}
+.position-collapse-left{
+  width: calc(100% - 80px);
+}
 .footer {
-  width: calc(100% - 200px);
   position: fixed;
   bottom: 0;
   right: 0;
@@ -9914,7 +9919,7 @@ export default {
   padding: 20px;
   box-sizing: border-box;
   box-shadow: 0 0 1px 0 #ccc;
-  transition: all 0.3s, box-shadow 0.5s;
+  transition: all 0.1s, box-shadow 0.5s;
 
   &.shadow {
     box-shadow: 0 -10px 10px -10px #ccc;