From d20aae3c1697a26d888077dd8a04e1657133069e Mon Sep 17 00:00:00 2001
From: tdg930622 <51816549+tdg930622@users.noreply.github.com>
Date: Tue, 31 Dec 2024 16:48:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E8=A7=A3=E5=AE=A4=E9=A1=B6=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/ai-logo.png                  | Bin 0 -> 813 bytes
 src/assets/image/logo-tjs.png                 | Bin 0 -> 4735 bytes
 src/assets/style/common.scss                  |   4 +
 .../components/LayoutContentNew.vue           | 168 ++++++++----------
 4 files changed, 83 insertions(+), 89 deletions(-)
 create mode 100644 src/assets/image/ai-logo.png
 create mode 100644 src/assets/image/logo-tjs.png

diff --git a/src/assets/image/ai-logo.png b/src/assets/image/ai-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f2498635c92744c9fa45cba280fe79a0c3f8512
GIT binary patch
literal 813
zcmV+|1JeA7P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0>Vi|K~#7F?Uc`J
z6G0Tm-)yq^vGK=>r7A+3LcvlfrU)WENO}-KP^%{o)x;lQJ#~94?I8(R>McP;dNYN3
zZv6v<f}T{ULP4pAMk!buwA+&1nceKnb2g=-*dJ*{@X!atzTKI5pZC5yZvgh}Ut7L!
zGXBJv)Hj<~;4jQDW^@tWp9#4v|NQo&=8e__>j~65^fg0(^aG$y0N-(<6rPSWjza`=
z#gbnU$ttg|Y_ykb7d$n*lou!rL_k8;*84sHzdA8`d@3*Hi7?Rbja@127;tUyOI%gR
z{LjUbAOzMx67qIp^k^q+V_W_MRZ%j(<RY^MQ&D7iSwR3q;?CfF5_SvlvzKC|n~w$I
zWUC6zM`ZS#k1N8H(z`?x6rxzoz-|Gm0?G4dqHyCv3@&x4(0djh1|v>Z6RZ^FHpnMx
z+)54^uM)5uKu2phbGlsxa9k59&9!wl8pUjj86s|X6j?FGEfSMe>;sm9odRwRE~Fb`
zA`Z*}v??W1sVuM0rA~Y>Z?-L(T@A~ojuc}^)A=nLZNom08K#8g$>2ed*(Z>(!rZgh
zaqIg+E+V2c$eegnh(hB*7iPa{I_G|mK&~!;Vaz51oF+ei6lfg{6Ac^y%79bb2)UsZ
zaA{mZeK3R_2B!i`P<BJcW`I8=iUpj0Ut86&$jcXHSeRc0v}L>66colXX!*XqHl&Z1
z4GnBbf0NGk)Kx)L&>j^z2C+)8;^EwT51hlCG#zju;4%bCiJ!e+6)-uf)mm#upn6$u
zpW3zpjZ=99?X?pke4i4tY{O!ibwkDav|a)F!*y%HYle6T>XOJ~1<gO_H4ufEupuH?
z@!W&!)9oXDEyA*MXvqpZ@3(!ZD22KJcOPHONtp_oXPXjahS4c15g1sX?-(1-R>5tN
rSKqY%P6(Fd)iKafygv<l_Fvi$+Y)CzuNnDH00000NkvXXu0mjfH(*;M

literal 0
HcmV?d00001

diff --git a/src/assets/image/logo-tjs.png b/src/assets/image/logo-tjs.png
new file mode 100644
index 0000000000000000000000000000000000000000..e739fb054f79c1f598f86d799f8cc879d8c9c04f
GIT binary patch
literal 4735
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
N002ovPDHLkV1nx@3CjQg

literal 0
HcmV?d00001

diff --git a/src/assets/style/common.scss b/src/assets/style/common.scss
index 4e498db..8c3db18 100644
--- a/src/assets/style/common.scss
+++ b/src/assets/style/common.scss
@@ -247,6 +247,10 @@ html{
     @include basePadding(0, $size16);
 }
 
+.pl-22{
+  padding-left: $size22;
+}
+
 .p-h-22{
     @include basePadding(0, $size22)
 }
diff --git a/src/pages/mediation-page/components/LayoutContentNew.vue b/src/pages/mediation-page/components/LayoutContentNew.vue
index 4dc583d..4086285 100644
--- a/src/pages/mediation-page/components/LayoutContentNew.vue
+++ b/src/pages/mediation-page/components/LayoutContentNew.vue
@@ -3,26 +3,60 @@
     <div class="layout-center-wrap flex-column">
       <!-- 上部数据 -->
       <div class="layout-center-top-wrap flex-row justify-content-between">
-        <div class="flex-row justify-content-between top-case-btn-left">
-          <el-button @click="handleBack">退出当前调解</el-button>
-          <el-button @click="getFrontCaseById">上一个</el-button>
-          <el-button @click="getNextCaseById">下一个</el-button>
-          <span class="ipphoneimg"> IP电话</span>
-          <span class="smsimg">发送短信</span>
-          <span class="videoimg" @click="VideoDialog={caseId:caseId}">视频预约</span>
+        <div class="top-wrap-title flex-row justify-content-between"></div>
+        <div class="top-wrap-btn-left flex-row justify-content-between">
+          <div class="flex-row justify-content-between align-items-center">
+            <el-button icon="el-icon-arrow-left" circle></el-button>
+            <div class="ml-16 mr-16 flex-row justify-content-between align-items-center">
+              <div class="mr-8 f16">程机票</div>
+              <div class="mr-8">
+                <el-tag size="small" type="warning">四川成都</el-tag>
+              </div>
+              <div class="mr-8 f16 color-FF7D00"><i class="el-icon-warning"></i></div>
+              <div class="f16 color-165DFF"><i class="el-icon-success"></i></div>
+            </div>
+            <el-button icon="el-icon-arrow-right" circle></el-button>
+          </div>
 
-          <span class="case-send-btn">发起送达</span>
-          <span class="case-send-btn">发起签章</span>
-          <span class="case-send-btn">案件办结</span>
+          <el-button type="warning" icon="el-icon-message" circle></el-button>
 
+          <div class="wrap-btn-left-dial pl-22 pr-24 f14 flex-row justify-content-between">
+            <div class="mr-24 flex-row justify-content-between align-items-center">
+              <div class="mr-8 f16 color-F53F3F"><i class="el-icon-video-pause"></i></div>
+              <div class="mr-8">暂停拨打</div>
+              <div class="mr-8 f12 color-000">01:00</div>
+              <div class="mr-8 f20"><i class="el-icon-phone-outline"></i></div>
+              <div class="mr-8 f20"><i class="el-icon-microphone"></i></div>
+              <div class="mr-8 ai-logo-img"></div>
+            </div>
+            <div class="flex-row justify-content-between align-items-center f14">
+              <div class="flex-row justify-content-between align-items-center mr-24">
+                <div class="mr-8 f16"><i class="el-icon-s-operation"></i></div>
+                <div>队列 <span class="color-000">200</span></div>
+              </div>
+              <div class="mr-24">已拨打 <span class="color-000">200</span></div>
+              <div class="mr-24">已接通 <span class="color-000">200</span></div>
+              <div>未接通 <span class="color-000">200</span></div>
+            </div>
+          </div>
         </div>
-        <div class="flex-row justify-content-between top-case-btn-right">
-          <span :class="rightActive == 1 ?'active':''" @click="rightActive = 1">沟通记录</span>
-          <span :class="rightActive == 2 ?'active':''" @click="rightActive = 2">案件文书</span>
-          <span :class="rightActive == 3 ?'active':''" @click="rightActive = 3">案件材料</span>
-          <span :class="rightActive == 4 ?'active':''" @click="rightActive = 4">备注</span>
-          <span :class="rightActive == 5 ?'active':''" @click="rightActive = 5">日志</span>
+        <div class="flex-row justify-content-between">
+          <el-button icon="el-icon-setting" circle></el-button>
+          <el-button icon="el-icon-switch-button" circle></el-button>
         </div>
+
+<!--        <div class="flex-row justify-content-between top-case-btn-left">-->
+<!--          <el-button @click="handleBack">退出当前调解</el-button>-->
+<!--          <el-button @click="getFrontCaseById">上一个</el-button>-->
+<!--          <el-button @click="getNextCaseById">下一个</el-button>-->
+<!--          <span class="ipphoneimg"> IP电话</span>-->
+<!--          <span class="smsimg">发送短信</span>-->
+<!--          <span class="videoimg" @click="VideoDialog={caseId:caseId}">视频预约</span>-->
+
+<!--          <span class="case-send-btn">发起送达</span>-->
+<!--          <span class="case-send-btn">发起签章</span>-->
+<!--          <span class="case-send-btn">案件办结</span>-->
+<!--        </div>-->
       </div>
       <!-- 中间数据 -->
       <div class="layout-center-center-wrap flex-row justify-content-between">
@@ -35,7 +69,7 @@
             <span class="separation"></span>
             <!--            <span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @mouseenter="leftActive = 1">-->
             <!--                            <img src="../../../assets/image/mediate/m-info1.png"/>-->
-            <!--                            <a>案件信息</a>-->
+            <!--                            <a>基本信息</a>-->
             <!--                        </span>-->
             <!--            <span class="left-img-info flex-column" :class="leftActive == 2 ?'active':''" @mouseenter="leftActive = 2">-->
             <!--                            <img src="../../../assets/image/mediate/m-info2.png"/>-->
@@ -60,7 +94,7 @@
 
             <span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @click="leftActive = 1">
                             <img src="../../../assets/image/mediate/m-info1.png"/>
-                            <a>案件信息</a>
+                            <a>基本信息</a>
                         </span>
             <span class="left-img-info flex-column" :class="leftActive == 2 ?'active':''" @click="leftActive = 2">
                             <img src="../../../assets/image/mediate/m-info2.png"/>
@@ -505,7 +539,6 @@ export default {
           {pattern: /^[1-9]\d*$/, message: '只能输入正整数', trigger: ['blur', 'change']}
         ],
       },
-
     };
   },
   computed: {
@@ -537,7 +570,6 @@ export default {
   async created() {
     this.caseId = this.$route.query.caseId
     await this.getCaseInfoById();//获取详情
-
   },
   beforeDestroy() {
     // if(this.timer) { //如果定时器还在运行 或者直接关闭，不用判断
@@ -646,83 +678,42 @@ export default {
   font-size: 14px;
 
   .layout-center-top-wrap {
-    font-size: 14px;
-    padding: 10px;
+    padding: 8px 16px;
     border-bottom: solid 1px #E5E6EB;
 
-    .ipphoneimg {
-      background: url('~@/assets/image/mediate/m-phone.png') no-repeat;
-      background-size: 24px;
-      background-position: 5px 5px;
-      width: 100px;
-      height: 35px;
-      padding: 7px 5px 5px 35px;
+    .top-wrap-title{
+      width: 223px;
+      height: 32px;
+      background: url('~@/assets/image/logo-tjs.png');
+      background-size:  100%,100%;
+      margin-top: 4px;
     }
 
-    .smsimg {
-      background: url('~@/assets/image/mediate/m-sms.png') no-repeat;
-      background-size: 24px;
-      background-position: 5px 5px;
-      width: 110px;
-      height: 35px;
-      padding: 7px 5px 5px 35px;
-    }
-
-    .videoimg {
-      background: url('~@/assets/image/mediate/m-video.png') no-repeat;
-      background-size: 24px;
-      background-position: 5px 5px;
-      width: 110px;
-      height: 35px;
-      padding: 7px 5px 5px 35px;
-    }
-
-    .top-case-btn-left {
-      padding-top: 5px;
-
-      .el-button {
-        height: 35px;
-        padding: 10px 20px;
-        background-color: #F2F3F5;
+    .top-wrap-btn-left{
+      width: 55%;
+      min-width: 1034px;
+      .wrap-btn-left-dial{
+        background-color: #FFF2F0;
+        border-radius: 20px;
+        .ai-logo-img{
+          width: 29px;
+          height: 29px;
+          background: url('~@/assets/image/ai-logo.png') no-repeat;
+          background-size: 100%,100%;
+        }
       }
 
-      span {
-        margin-left: 20px;
-        cursor: pointer;
+
+      .color-FF7D00{
+        color: #FF7D00;
       }
-
-      .case-send-btn {
-        border: solid 1px #E5E6EB;
-        height: 35px;
-        padding: 7px 10px 0px 10px;
-        border-radius: 8px;
-
+      .color-165DFF{
+        color: #165DFF;
+      }
+      .color-F53F3F{
+        color: #F53F3F;
       }
     }
-
-    .top-case-btn-right {
-      background-color: #F2F3F5;
-      padding: 7px 20px;
-      border-radius: 8px;
-
-      span {
-
-        padding: 5px 30px;
-        border-radius: 8px;
-        margin: 0 3px;
-        font-weight: 500;
-        cursor: pointer;
-      }
-
-      .active {
-        background-color: #fff;
-      }
-
-      span:hover {
-        background-color: #fff;
-      }
-    }
-
   }
 
   .layout-center-center-wrap {
@@ -931,6 +922,5 @@ export default {
 
   }
 
-
 }
 </style>