修改文本

src/main/index.js

@@ -63,11 +63,11 @@ let jar_time = null;
 //设置访问路径
 //打包访问的路径
 
-let serveUrl = "./resources/exe"
-let serveUrlJar = '\\resources\\exe'
+// let serveUrl = "./resources/exe"
+// let serveUrlJar = '\\resources\\exe'
 //本地访问的路径
-// let serveUrl = "./exe"
-// let serveUrlJar = '\\exe'
+let serveUrl = "./exe"
+let serveUrlJar = '\\exe'
 /**
  * Set `__static` path to static files in production
  * https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-static-assets.html

src/renderer/components/Animation.vue

@@ -1,113 +1,74 @@
 <template>
   <div class="main_right_height">
     <div class="main_tab_double">
-      <el-button
-        :class="{
-          xl_tab_active_button: singlePeople,
-          xl_tab_button: singlePeople == false,
-        }"
-        style="margin-right: 50px"
-        @click="singlePeople = true"
-        >单人训练</el-button
-      >
-      <el-button
-        :class="{
-          xl_tab_active_button: singlePeople == false,
-          xl_tab_button: singlePeople,
-        }"
-        @click="singlePeople = false"
-        >双人训练</el-button
-      >
+      <el-button :class="{
+        xl_tab_active_button: singlePeople,
+        xl_tab_button: singlePeople == false,
+      }" style="margin-right: 50px" @click="singlePeople = true">单人训练</el-button>
+      <el-button :class="{
+        xl_tab_active_button: singlePeople == false,
+        xl_tab_button: singlePeople,
+      }" @click="singlePeople = false">双人训练</el-button>
     </div>
-    <div class="animation_main" v-show="!singlePeople">
-      <div class="animation_k" @click="goPage('/menu/animationDes', 1)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">天平倾斜</span>
-      </div>
-      <div class="animation_k" @click="goPage('/menu/animationDes', 2)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">双人奔跑</span>
-      </div>
 
-      <div class="animation_k" @click="goPage('/menu/animationDes', 3)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">心之花</span>
-      </div>
-    </div>
-    <div class="animation_main" v-show="singlePeople">
-      <div class="animation_k" @click="goPage('/menu/animationDes', 1)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">龙飞行</span>
-      </div>
-      <div class="animation_k" @click="goPage('/menu/animationDes', 2)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">马奔跑</span>
-      </div>
+    <div class="animation_zong">
+      <div class="animation_main" v-show="!singlePeople">
+        <div class="animation_k" @click="goPage('/menu/animationDes', 1)">
+          <img class="animation_img_cla" src="../assets/newAnimation/tianping.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">天平倾斜</span>
+        </div>
+        <div class="animation_k" @click="goPage('/menu/animationDes', 2)">
+          <img class="animation_img_cla" src="../assets/newAnimation/run.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">双人奔跑</span>
+        </div>
 
-      <div class="animation_k" @click="goPage('/menu/animationDes', 3)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">天气变化</span>
-      </div>
-    </div>
-        <div class="animation_main" v-show="singlePeople">
-      <div class="animation_k" @click="goPage('/menu/animationDes', 4)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">烟花</span>
-      </div>
-      <div class="animation_k" @click="goPage('/menu/animationDes', 5)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">赛车</span>
+        <div class="animation_k" @click="goPage('/menu/animationDes', 3)" style="visibility: hidden">
+          <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">心之花</span>
+        </div>
       </div>
+      <div class="animation_main" v-show="singlePeople">
+        <div class="animation_k" @click="goPage('/menu/animationDes', 1)">
+          <img class="animation_img_cla" src="../assets/newAnimation/long.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">龙飞行</span>
+        </div>
+        <div class="animation_k" @click="goPage('/menu/animationDes', 2)">
+          <img class="animation_img_cla" src="../assets/newAnimation/ma.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">马奔跑</span>
+        </div>
 
-      <div class="animation_k" @click="goPage('/menu/animationDes', 2)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">别点我</span>
-      </div>
-    </div>
-    <div class="animation_main" v-show="singlePeople">
-      <div class="animation_k" @click="goPage('/menu/animationDes', 4)">
-        <img class="animation_img_cla" src="../assets/newAnimation/baobaotong.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">爆爆桶</span>
-      </div>
-      <div class="animation_k" @click="goPage('/menu/animationDes', 5)">
-        <img class="animation_img_cla" src="../assets/newAnimation/zhadan.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">炸弹</span>
-      </div>
-
-      <div class="animation_k" @click="goPage('/menu/animationDes', 2)">
-        <img class="animation_img_cla" src="../assets/newAnimation/flower.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">心之花</span>
-      </div>
-    </div>
-    <div class="animation_main_two" v-show="singlePeople">
-      <div class="animation_k" @click="goPage('/menu/animationDes', 1)">
-        <img class="animation_img_cla" src="../assets/newAnimation/fire.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">心灵之火</span>
-      </div>
-      <div class="animation_k" @click="goPage('/menu/animationDes', 3)">
-        <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">急速赛车</span>
+        <div class="animation_k" @click="goPage('/menu/animationDes', 3)">
+          <img class="animation_img_cla" src="../assets/newAnimation/tianqi.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">天气变化</span>
+        </div>
       </div>
-      <div class="animation_k" @click="goPage('/menu/animationDes', 6)">
-        <img class="animation_img_cla" src="../assets/newAnimation/ball.png" />
-        <div class="animation_des">&nbsp;</div>
-        <span class="animation_des_font">漂浮球</span>
+      <div class="animation_main" v-show="singlePeople">
+        <div class="animation_k" @click="goPage('/menu/animationDes', 4)">
+          <img class="animation_img_cla" src="../assets/newAnimation/yanhua.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">烟花</span>
+        </div>
+        <div class="animation_k" @click="goPage('/menu/animationDes', 5)">
+          <img class="animation_img_cla" src="../assets/newAnimation/saiche.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">赛车</span>
+        </div>
+        <!-- display:none -->
+        <!-- visibility: hidden -->
+        <div class="animation_k" @click="goPage('/menu/animationDes', 2)" style="visibility: hidden">
+          <img class="animation_img_cla" src="../assets/newAnimation/cat.png" />
+          <div class="animation_des">&nbsp;</div>
+          <span class="animation_des_font">别点我</span>
+        </div>
       </div>
     </div>
+
   </div>
 </template>
 <script>
@@ -143,27 +104,33 @@ export default {
   justify-content: space-around;
   /* flex-wrap: wrap; */
 }
+
 .animation_img_cla {
   width: 307px;
   height: 250px;
 }
+
 .main_right_height {
   /* padding:40px; */
   height: 100vh !important;
-  display: block !important;
+  display: flex !important;
   overflow-y: auto !important;
   background-color: #ffffff;
+  flex-direction: column;
 }
+
 .animation_main_two {
   margin-top: 8vh;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
 }
+
 .animation_k {
   position: relative;
   cursor: pointer;
 }
+
 .animation_des {
   background: #0f0f0f;
   position: absolute;
@@ -177,6 +144,7 @@ export default {
   border-bottom-right-radius: 15px;
   justify-content: center;
 }
+
 .animation_des_font {
   color: #ffffff;
   z-index: 100;
@@ -193,12 +161,14 @@ export default {
   border-bottom-right-radius: 15px;
   justify-content: center;
 }
+
 .main_tab_double {
   display: flex;
   flex-direction: row;
   justify-content: center;
   margin-top: 10vh;
 }
+
 .xl_tab_button,
 .xl_tab_button:hover,
 .xl_tab_button:focus,
@@ -218,6 +188,7 @@ export default {
   font-family: PingFang SC;
   font-weight: 400;
 }
+
 .xl_tab_active_button,
 .xl_tab_active_button:hover,
 .xl_tab_active_button:focus,
@@ -237,4 +208,11 @@ export default {
   font-family: PingFang SC;
   font-weight: 400;
 }
+.animation_zong{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  flex:1;
+  padding-bottom:20px;
+}
 </style>

src/renderer/components/MainTable.vue

@@ -9,12 +9,9 @@
         <el-col :span="2"> &nbsp; </el-col>
         <el-col :span="22" style="margin-top: 10px">
           <div>
-            <span class="main_top_wellcom"
-              >你好,{{ name }}!
+            <span class="main_top_wellcom">你好,{{ name }}!
               <span class="main_top_week">
-                今天星期<span>{{ week }}</span></span
-              ></span
-            ><br />
+                今天星期<span>{{ week }}</span></span></span><br />
             <span class="welcome">欢迎来到自助式心理健康评估与认知行为干预系统！</span>
             <br />
           </div>
@@ -26,39 +23,24 @@
           <el-row :span="24" v-show="userType === 2">
             <div class="main_picture">
               <div>
-                <img
-                  height="300px"
-                  @click="goPage('/menu/manageUser', 'yhgl')"
-                  src="../assets/newImage/main_user.png"
-                />
+                <img height="300px" @click="goPage('/menu/manageUser', 'yhgl')"
+                  src="../assets/newImage/main_user.png" />
               </div>
               <div>
-                <img
-                  height="300px"
-                  @click="goPage('/menu/manageUserScale', 'yhlt')"
-                  src="../assets/newImage/main_chart.png"
-                />
+                <img height="300px" @click="goPage('/menu/manageUserScale', 'yhlt')"
+                  src="../assets/newImage/main_chart.png" />
               </div>
               <div>
-                <img
-                  height="300px"
-                  @click="goPage('/menu/manageScaleUser', 'yhcp')"
-                  src="../assets/newImage/main_scale.png"
-                />
+                <img height="300px" @click="goPage('/menu/manageScaleUser', 'yhcp')"
+                  src="../assets/newImage/main_scale.png" />
               </div>
               <div>
-                <img
-                  height="300px"
-                  @click="goPage('/menu/manageElectrical', 'yhfk')"
-                  src="../assets/newImage/main_game.png"
-                />
+                <img height="300px" @click="goPage('/menu/manageElectrical', 'yhfk')"
+                  src="../assets/newImage/main_game.png" />
               </div>
               <div>
-                <img
-                  height="300px"
-                  @click="goPage('/menu/managePluse', 'yhgy')"
-                  src="../assets/newImage/main_ganyu.png"
-                />
+                <img height="300px" @click="goPage('/menu/managePluse', 'yhgy')"
+                  src="../assets/newImage/main_ganyu.png" />
               </div>
             </div>
 
@@ -110,39 +92,22 @@
           <el-row :span="24" v-show="userType === 1">
             <div class="main_picture">
               <div>
-                <img
-                  @click="goPage('/menu/smart1', 'rjdh')"
-                  height="300px"
-                  src="../assets/newImage/main_smart.png"
-                />
+                <img @click="goPage('/menu/smart1', 'rjdh')" height="300px" src="../assets/newImage/main_smart.png" />
               </div>
               <div>
-                <img
-                  @click="goPage('/menu/evaluation', 'xlcp')"
-                  height="300px"
-                  src="../assets/newImage/main_test.png"
-                />
+                <img @click="goPage('/menu/evaluation', 'xlcp')" height="300px"
+                  src="../assets/newImage/main_test.png" />
               </div>
               <div>
-                <img
-                  @click="goPage('/menu/relax', 'xlfs')"
-                  height="300px"
-                  src="../assets/newImage/main_relax.png"
-                />
+                <img @click="goPage('/menu/relax', 'xlfs')" height="300px" src="../assets/newImage/main_relax.png" />
               </div>
               <div>
-                <img
-                  @click="goPage('/menu/intervene', 'rzgy')"
-                  height="300px"
-                  src="../assets/newImage/main_ganyu.png"
-                />
+                <img @click="goPage('/menu/intervene', 'rzgy')" height="300px"
+                  src="../assets/newImage/main_ganyu.png" />
               </div>
               <div>
-                <img
-                  @click="goPage('/menu/animation', 'swfk')"
-                  height="300px"
-                  src="../assets/newImage/main_fankui.png"
-                />
+                <img @click="goPage('/menu/animation', 'swfk')" height="300px"
+                  src="../assets/newImage/main_fankui.png" />
               </div>
             </div>
             <!-- 
@@ -220,37 +185,43 @@
 
       <el-footer class="buttLlo1">
         <div class="menu_main_exit">
-          <img
-            @click="userExit"
-            class="imgStyle"
-            align="center"
-            src="../assets/newImage/exit1.png"
-          />&nbsp;&nbsp;
-          <span class="exitLogin" @click="userExit" style="font-size: 14px"
-            >退出登录</span
-          >
-        </div></el-footer
-      >
+          <img @click="userExit" class="imgStyle" align="center" src="../assets/newImage/exit1.png" />&nbsp;&nbsp;
+          <span class="exitLogin" @click="userExit" style="font-size: 14px">退出登录</span>
+        </div>
+      </el-footer>
       <el-footer class="buttLlo">Copyright© 2024</el-footer>
       <!-- <el-footer class="buttLlo">Copyright© 北京决明科技有限公司</el-footer> -->
     </div>
     <!-- 先是垂直布局 -->
-    <!-- <div class="tan_out">
+    <div class="tan_out">
       <div class="tan_top">
-        <div>标题</div>
-        <div>关闭</div>
+        <div class=tan_top_one>
+          <div><img width='126px' height='28px' src="../assets/tan/sence.png" /></div>
+          <!-- <div>关闭</div> -->
+        </div>
       </div>
 
       <div class="tan_center">
-        <div>中心</div>
-        <div>中心</div>
-      </div>
+        <div class="tan_center_left"><img width='256px' height='256px' src='../assets/tan/zndh.png' /></div>
+        <div class="tan_center_right">
 
+          <div><img width="152px" height="35px" style="margin-left:60px;margin-bottom:5px;margin-top:20px"
+              src="../assets/tan/zn.png" /></div>
+          <div><img width="530px" height="60px" src="../assets/tan/mid_line.png" /></div>
+          <div style="margin-left:40px;color:#DFDFDF;width:462px;line-height: 25px;letter-spacing:3px">
+            这是一段简短的介绍这是一段简短的介绍这是一段简短的介绍这是一段简短的介绍这是一段简
+            短的介绍这是一段简短的介绍这是一段简短的介绍这是一段简短的介一段简短的介绍这是一
+            段简短的介绍这
+            是一段简短的介绍这是一段简短的介绍这是
+          </div>
+        </div>
+      </div>
+      <div style="text-align:center"><img width="772px" height="24px" src="../assets/tan/bottom_line.png" /></div>
       <div class="tan_foot">
-        <div>底部</div>
-        <div>底部</div>
+        <div><img class="cancle_style" width="234px" height="60px" src="../assets/tan/cancle.png" /></div>
+        <div><img class="continue_style" width="234px" height="60px" src="../assets/tan/continue.png" /></div>
       </div>
-    </div> -->
+    </div>
   </div>
 </template>
 <script>
@@ -325,9 +296,11 @@ export default {
 .mainTable-top {
   margin-top: 5%;
 }
+
 .mainTable-top-two {
   margin-top: 10%;
 }
+
 .mainTable-tab {
   cursor: pointer;
   margin-left: 50px;
@@ -338,9 +311,11 @@ export default {
   height: 150px;
   margin-bottom: 100px;
 }
+
 .mainTable-tab-p {
   padding-top: 40px;
 }
+
 .login_back_group {
   width: 100vw;
   /* height: 95vh; */
@@ -349,6 +324,7 @@ export default {
   /* background: url(../assets/newImage/login_bg.png) no-repeat;
   background-size: cover; */
 }
+
 .login_back_group_all {
   height: 100vh;
   /* width: 100vw;
@@ -358,6 +334,7 @@ export default {
   background: url(../assets/newImage/login_bg1.png) no-repeat;
   background-size: cover;
 }
+
 .main_top_wellcom {
   font-size: 30px;
   font-family: Source Han Sans CN-Light, Source Han Sans CN;
@@ -366,12 +343,14 @@ export default {
   line-height: 0px;
   margin-left: 100px;
 }
+
 .main_top_week {
   font-size: 16px;
   font-family: Source Han Sans CN-ExtraLight, Source Han Sans CN;
   font-weight: 200;
   color: #ffffff;
 }
+
 .main_middle {
   margin-top: 80px;
 }
@@ -385,6 +364,7 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_mblb {
   background: url(../assets/newImage/home_mbcj.png) no-repeat;
   background-size: cover;
@@ -394,6 +374,7 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_lblb {
   background: url(../assets/newImage/xl2.png) no-repeat;
   background-size: cover;
@@ -403,6 +384,7 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_yhgl {
   background: url(../assets/newImage/xl1.png) no-repeat;
   background-size: cover;
@@ -412,6 +394,7 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_zzdh {
   background: url(../assets/newImage/home_zndh.png) no-repeat;
   background-size: cover;
@@ -421,6 +404,7 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_xlfs {
   background: url(../assets/newImage/home_xlfs.png) no-repeat;
   background-size: cover;
@@ -430,14 +414,17 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_zzdh_first {
   font-size: 20px;
   color: #ffffff;
 }
+
 .main_middle_zzdh_first_font {
   padding-top: 20px;
   margin-left: 20px;
 }
+
 .main_middle_xlcp {
   background: url(../assets/newImage/home_xlcp.png) no-repeat;
   background-size: cover;
@@ -447,6 +434,7 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_mbcj {
   background: url(../assets/newImage/home_mbcj.png) no-repeat;
   background-size: cover;
@@ -456,6 +444,7 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_ndcj {
   background: url(../assets/newImage/home_ndcj.png) no-repeat;
   background-size: cover;
@@ -465,6 +454,7 @@ export default {
   border-radius: 4px;
   cursor: pointer;
 }
+
 .main_middle_swfkxl {
   background: url(../assets/newImage/home_swfkxl.png) no-repeat;
   background-size: cover;
@@ -479,37 +469,45 @@ export default {
   position: relative;
   box-shadow: rgba(0, 0, 0, 0.6) 0 0 0 100vh;
 }
+
 .styleMain {
   width: 200px;
   margin-bottom: 20px;
 }
+
 .styleMainTop {
   width: 400px;
 }
+
 .main-six-user {
   display: inline-flex;
   width: 100%;
   justify-content: center;
 }
+
 .main-six-user-zhixin {
   width: 200px;
   display: inline-block;
   margin-right: 40px;
 }
+
 .main-six-user-zhixin-admin {
   width: 400px;
   display: inline-block;
   /* margin-right: 40px; */
 }
+
 .main-six-user-xinlin {
   width: 200px;
   display: inline-block;
   margin-right: 40px;
 }
+
 .main-six-user-mainaosheng {
   width: 440px;
   display: inline-block;
 }
+
 .welcome {
   font-family: Source Han Sans CN-ExtraLight, Source Han Sans CN;
   font-weight: 200;
@@ -520,11 +518,13 @@ export default {
   display: flex;
   margin-top: 30px;
 }
+
 .main_picture {
   display: flex;
   flex-direction: row;
   justify-content: center;
 }
+
 .buttLlo {
   color: #ffffff;
   text-align: center;
@@ -535,6 +535,7 @@ export default {
   bottom: 0px;
   position: fixed;
 }
+
 .buttLlo1 {
   color: #ffffff;
   text-align: right;
@@ -545,33 +546,84 @@ export default {
   bottom: 0px;
   position: fixed;
 }
+
 .main_exit_class {
   position: fixed;
   z-index: 100;
 }
 
 .tan_out {
-  position:fixed;
-  top:0;
+  position: fixed;
+  top: 0;
   left: 0;
   right: 0;
-  bottom:0;
-  margin:auto;
+  bottom: 0;
+  margin: auto;
   z-index: 1000;
-  width: 635px;
-  height: 329px;
+  width: 888px;
+  height: 466px;
   background: url(../assets/tan/des_bg.png) no-repeat;
   background-size: cover;
   display: flex;
   flex-direction: column;
 }
+
 .tan_top {
+
+  /* flex:1 */
+}
+
+.tan_top_one {
+  margin-left: 18px;
+  margin-right: 5px;
+  margin-top: 5px;
+  height: 60px;
+  background: url(../assets/tan/title_bg.png) no-repeat;
+  background-size: cover;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+
   /* flex:1 */
 }
+
 .tan_center {
   flex: 1;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+
+}
+
+.tan_center_left {
+  margin-left: 50px;
 }
+
+.tan_center_right {
+  margin-left: 20px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
+  height: 300px;
+}
+
 .tan_foot {
+  display: flex;
+  flex-direction: row;
+  /* justify-content: space-around; */
+  justify-content: space-around;
+  margin-bottom: 20px;
   /* flex:1 */
 }
+
+.cancle_style {
+  cursor: pointer;
+}
+
+.continue_style {
+  cursor: pointer;
+}
 </style>