update

src/common/components/drawer/index.vue

@@ -1,81 +1,80 @@
 <template>
-    <a-drawer
-        placement="right"
-        :closable="false"
-        :visible="visible"
-        :destroyOnClose="true"
-        class="bottomListed"
-        height="405px"
-    >
-        <!-- 摘牌是top  挂牌是bottom 期货交易是tradeDialog -->
-        <div class="collapse" @click="cancel">
-            <DoubleRightOutlined />
+  <a-drawer placement="right"
+            :closable="false"
+            :visible="visible"
+            :destroyOnClose="true"
+            class="bottomListed"
+            height="405px">
+    <!-- 摘牌是top  挂牌是bottom 期货交易是tradeDialog -->
+    <div class="collapse"
+         @click="cancel">
+      <DoubleRightOutlined />
+    </div>
+    <div class="collapseCont">
+      <div class="title">{{ title }}</div>
+      <div class="content highContent">
+        <!-- <Listed></Listed> -->
+        <!-- <Delisting></Delisting> -->
+        <slot></slot>
+        <!-- <Trade></Trade> -->
+      </div>
+    </div>
+
+    <div class="gpDetail"
+         style="display: none">
+      <div class="title">挂牌详情</div>
+      <div class="content">
+        <div class="item">
+          <div class="left">交易账户</div>
+          <div class="right">3237545143</div>
         </div>
-        <div class="collapseCont">
-            <div class="title">{{ title }}</div>
-            <div class="content highContent">
-                <!-- <Listed></Listed> -->
-                <!-- <Delisting></Delisting> -->
-                <slot></slot>
-                <!-- <Trade></Trade> -->
-            </div>
+        <div class="item">
+          <div class="left">挂牌方式</div>
+          <div class="right">贸易圈</div>
         </div>
-
-        <div class="gpDetail" style="display: none">
-            <div class="title">挂牌详情</div>
-            <div class="content">
-                <div class="item">
-                    <div class="left">交易账户</div>
-                    <div class="right">3237545143</div>
-                </div>
-                <div class="item">
-                    <div class="left">挂牌方式</div>
-                    <div class="right">贸易圈</div>
-                </div>
-                <div class="item">
-                    <div class="left">挂牌价格</div>
-                    <div class="right">
-                        <span>1680.00</span>
-                        <span class="grey">(可议价)</span>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="left">现货仓单</div>
-                    <div class="right">335999666555222222</div>
-                </div>
-                <div class="item">
-                    <div class="left">挂牌数量</div>
-                    <div class="right">
-                        <span>30吨</span>
-                        <span class="grey">整单</span>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="left">起摘数量</div>
-                    <div class="right">2吨</div>
-                </div>
-                <div
-                    class="someItems"
-                >1000 江**业、1201 *融、1123 南**业、1000 江**业、1201 *融、1123 南**业、1000 江**业、1201 *融、1123 南**业</div>
-                <div class="item">
-                    <div class="left">现货仓单</div>
-                    <div class="right">335999666555222222</div>
-                </div>
-                <div class="item">
-                    <div class="left">指定朋友</div>
-                    <div class="right">1000 江**业、1201 *融、1123 南...</div>
-                </div>
-                <div class="item">
-                    <div class="left">挂牌金额</div>
-                    <div class="right">50400.00</div>
-                </div>
-                <div class="item">
-                    <div class="left">履约保证金</div>
-                    <div class="right">5040.00</div>
-                </div>
-            </div>
+        <div class="item">
+          <div class="left">挂牌价格</div>
+          <div class="right">
+            <span>1680.00</span>
+            <span class="grey">(可议价)</span>
+          </div>
+        </div>
+        <div class="item">
+          <div class="left">现货仓单</div>
+          <div class="right">335999666555222222</div>
+        </div>
+        <div class="item">
+          <div class="left">挂牌数量</div>
+          <div class="right">
+            <span>30吨</span>
+            <span class="grey">整单</span>
+          </div>
+        </div>
+        <div class="item">
+          <div class="left">起摘数量</div>
+          <div class="right">2吨</div>
+        </div>
+        <div class="someItems">1000 江**业、1201 *融、1123 南**业、1000 江**业、1201 *融、1123 南**业、1000
+          江**业、1201 *融、1123 南**业</div>
+        <div class="item">
+          <div class="left">现货仓单</div>
+          <div class="right">335999666555222222</div>
+        </div>
+        <div class="item">
+          <div class="left">指定朋友</div>
+          <div class="right">1000 江**业、1201 *融、1123 南...</div>
+        </div>
+        <div class="item">
+          <div class="left">挂牌金额</div>
+          <div class="right">50400.00</div>
+        </div>
+        <div class="item">
+          <div class="left">履约保证金</div>
+          <div class="right">5040.00</div>
         </div>
-    </a-drawer>
+      </div>
+    </div>
+  </a-drawer>
 </template>
 
 <script lang="ts">
@@ -187,7 +186,7 @@ export default defineComponent({
     .position(fixed, auto, 0, -2px, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -203,7 +202,7 @@ export default defineComponent({
     .position(fixed, auto, 0, -2px, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -226,7 +225,7 @@ export default defineComponent({
     .position(fixed, auto, 0, -2px, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -242,7 +241,7 @@ export default defineComponent({
     .position(fixed, auto, 0, 0, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -258,7 +257,7 @@ export default defineComponent({
     .position(fixed, auto, 0, -2px, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -274,7 +273,7 @@ export default defineComponent({
     .position(fixed, auto, 0, -2px, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -290,7 +289,7 @@ export default defineComponent({
     .position(fixed, 0, 0, auto, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -338,7 +337,7 @@ export default defineComponent({
     .position(fixed, 0, 0, auto, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -354,7 +353,7 @@ export default defineComponent({
     .position(fixed, 0, 0, auto, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -370,7 +369,7 @@ export default defineComponent({
     .position(fixed, auto, 0, 0, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;
@@ -386,7 +385,7 @@ export default defineComponent({
     .position(fixed, 0, 0, auto, auto);
     width: 100%;
     height: 100%;
-    z-index: 10;
+    z-index: 1000;
     .ant-drawer-mask {
         height: 100%;
         background: @m-black46 !important;