gx

src/view/sy_map.vue

@@ -244,7 +244,13 @@
           {{ bjtitle }}
         </p>
       </div>
-      <div class="right-floating-window" v-show="business.show">
+      <div class="fight-floating-box" v-show="business.show">
+        <div>
+          <div class="arrow" @click="business.unfold = !business.unfold">
+            <span>{{ business.unfold ? "▶" : "◀" }}</span>
+          </div>
+        </div>
+        <div class="right-floating-window" v-show="business.unfold">
           <div class="floating_model" @click="onMechanism">
             <div class="floating_model_icon">
               <img src="@/assets/images/norm.png" alt="" />
@@ -264,6 +270,8 @@
             <div class="floating_model_label">工作情况</div>
           </div>
         </div>
+      </div>
+
       <Dialog
         :dialogShow="dialogShow"
         :columns="tableType.columns"
@@ -1064,6 +1072,7 @@ const fwqList = ref([]);
 
 const business = reactive({
   show: false,
+  unfold: false,
   bj: "",
 });
 //机制标准
@@ -1722,6 +1731,14 @@ const table_column_list = reactive({
       label: "菜品信息",
       property: "dishesmealnames",
     },
+    {
+      label: "订单金额",
+      property: "totalprice",
+    },
+    {
+      label: "实际支付金额",
+      property: "actualprice",
+    },
     {
       label: "订单结束时间",
       property: "dtfinishtime",
@@ -3445,6 +3462,7 @@ const changeys = (name, img_width) => {
       if (item.name == name) {
         business.bj = item.bj;
         business.show = true;
+        business.unfold = false;
       } else {
         removeOverlay(item.name);
       }
@@ -6359,14 +6377,31 @@ onMounted(async () => {
     color: #0c356a;
   }
 }
-.right-floating-window {
+.fight-floating-box {
   z-index: 100;
   position: absolute;
   color: #ffffff;
-  top: 20%;
+  top: 18%;
   right: 28%;
   font-family: PangMenZhengDao;
-
+  display: flex;
+  flex-direction: column;
+  .arrow {
+    float: right;
+    display: inline-block;
+    padding: 5px 5px 7px;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 16px;
+    color: #ffffff;
+    transition: color 0.2s ease;
+    background: #7aceff;
+    margin-bottom: 10px;
+  }
+  .arrow:hover {
+    color: #0c356a;
+  }
+  .right-floating-window {
     .floating_model {
       border: 1px solid #7db6c8;
       padding: 6px 10px 6px 6px;
@@ -6392,7 +6427,9 @@ onMounted(async () => {
         }
       }
     }
+  }
 }
+
 .title {
   background-image: url(@/assets/images/map/map_title_bg.png);
   background-repeat: no-repeat;