修改样式列表

src/renderer/components/ManageUser.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="main_right_height">
     <div>
-      <el-row>
+      <el-row style='margin-top:40px;'>
         <el-col :span="1">&nbsp;</el-col>
         <el-col :span="22">
-          <span class="musicTitle">用户管理</span>
+          <span class="userManageClass">用户管理</span>
           <el-divider></el-divider>
         </el-col>
         <el-col :span="1">&nbsp;</el-col>
@@ -14,7 +14,7 @@
       <el-row>
         <el-col :span="1">&nbsp;</el-col>
         <el-col :span="6">
-          <div style="margin-top: 15px; margin-bottom: 15px">
+          <div style="margin-top: 5px; margin-bottom: 15px">
             <el-input
               placeholder="请输入搜索内容"
               v-model="nameSearch"
@@ -155,10 +155,16 @@ export default {
 };
 </script>
 <style scoped>
+.el-divider--horizontal{
+ margin:0;
+ margin-top:10px;
+ margin-bottom:10px;
+}
 .main_right_height {
-  height: 95vh !important;
+  height: 100vh !important;
   display: block !important;
   overflow-y: auto !important;
+  background: #ffffff;
 }
 .xl_d_button,
 .xl_d_button:hover,
@@ -171,4 +177,7 @@ export default {
   font-weight: 400;
   color: #ffffff;
 }
+.userManageClass{
+  color:#0F0F0F;
+}
 </style>

src/renderer/components/Menu.vue

@@ -365,19 +365,19 @@ export default {
 
       //管理页面
       //用户管理
-      yhglUrl: "main.png",
+      yhglUrl: "yhgl.png",
       yhgl: true,
       //用户聊天记录
-      yhltUrl: "main.png",
+      yhltUrl: "yhlt.png",
       yhlt: true,
       //用户测评
-      yhcpUrl: "main.png",
+      yhcpUrl: "yhcp.png",
       yhcp: true,
       //用户反馈
-      yhfkUrl: "main.png",
+      yhfkUrl: "yhfk.png",
       yhfk: true,
       //用户干预
-      yhgyUrl: "main.png",
+      yhgyUrl: "yhgy.png",
       yhgy: true,
       userType: 0,
       defaultUrl: "",
@@ -400,10 +400,9 @@ export default {
     this.defaultUrl = sessionStorage.getItem("defaultUrl");
     //sessionStorage
 
-    
-    let queryUrl =this.$route.query.url
-    this.menuClick(queryUrl)
-    this.menuManageClick(queryUrl)
+    let queryUrl = this.$route.query.url;
+    this.menuClick(queryUrl);
+    this.menuManageClick(queryUrl);
     this.userType = sessionStorage.getItem("userType");
     this.userType = parseInt(this.userType);
 
@@ -412,79 +411,82 @@ export default {
   methods: {
     menuManageClick(val) {
       if (val == "yhgl") {
-        this.yhglUrl = "main.png";
+        this.yhglUrl = "yhgl1.png";
         this.yhgl = false;
 
-        this.yhltUrl = "main.png";
+        this.yhltUrl = "yhlt.png";
         this.yhlt = true;
 
-        this.yhcpUrl = "main.png";
+        this.yhcpUrl = "yhcp.png";
         this.yhcp = true;
 
-        this.yhfkUrl = "main.png";
+        this.yhfkUrl = "yhfk.png";
         this.yhfk = true;
 
-        this.yhgyUrl = "main.png";
+        this.yhgyUrl = "yhgy.png";
         this.yhgy = true;
       }
       if (val == "yhlt") {
-        this.yhglUrl = "main.png";
-        this.yhgl = true;
-        this.yhltUrl = "main.png";
+        this.yhltUrl = "yhlt1.png";
         this.yhlt = false;
 
-        this.yhcpUrl = "main.png";
+        this.yhglUrl = "yhgl.png";
+        this.yhgl = true;
+
+        this.yhcpUrl = "yhcp.png";
         this.yhcp = true;
 
-        this.yhfkUrl = "main.png";
+        this.yhfkUrl = "yhfk.png";
         this.yhfk = true;
 
-        this.yhgyUrl = "main.png";
+        this.yhgyUrl = "yhgy.png";
         this.yhgy = true;
       }
       if (val == "yhcp") {
-        this.yhglUrl = "main.png";
+        this.yhcpUrl = "yhcp1.png";
+        this.yhcp = false;
+
+        this.yhglUrl = "yhgl.png";
         this.yhgl = true;
 
-        this.yhltUrl = "main.png";
+        this.yhltUrl = "yhlt.png";
         this.yhlt = true;
 
-        this.yhcpUrl = "main.png";
-        this.yhcp = false;
-
-        this.yhfkUrl = "main.png";
+        this.yhfkUrl = "yhfk.png";
         this.yhfk = true;
 
-        this.yhgyUrl = "main.png";
+        this.yhgyUrl = "yhgy.png";
         this.yhgy = true;
       }
       if (val == "yhfk") {
-        this.yhglUrl = "main.png";
+        this.yhfkUrl = "yhfk1.png";
+        this.yhfk = false;
+        this.yhglUrl = "yhgl.png";
         this.yhgl = true;
 
-        this.yhltUrl = "main.png";
+        this.yhltUrl = "yhlt.png";
         this.yhlt = true;
 
-        this.yhcpUrl = "main.png";
+        this.yhcpUrl = "yhcp.png";
         this.yhcp = true;
-        this.yhfkUrl = "main.png";
-        this.yhfk = false;
-        this.yhgyUrl = "main.png";
+
+        this.yhgyUrl = "yhgy.png";
         this.yhgy = true;
       }
       if (val == "yhgy") {
-        this.yhglUrl = "main.png";
+         this.yhgyUrl = "yhgy1.png";
+        this.yhgy = false;
+        this.yhglUrl = "yhgl.png";
         this.yhgl = true;
 
-        this.yhltUrl = "main.png";
+        this.yhltUrl = "yhlt.png";
         this.yhlt = true;
 
-        this.yhcpUrl = "main.png";
+        this.yhcpUrl = "yhcp.png";
         this.yhcp = true;
-        this.yhfkUrl = "main.png";
+        this.yhfkUrl = "yhfk.png";
         this.yhfk = true;
-        this.yhgyUrl = "main.png";
-        this.yhgy = false;
+       
       }
     },
     menuClick(val) {

src/renderer/components/Smart.vue

@@ -1,162 +1,117 @@
 <template>
-  <div
-    class="main_right_height"
-    style="background: #f1f1f1; position: relative"
-  >
-    <el-row style="background: #ffffff">
-      <el-col :span="1">&nbsp;</el-col>
-      <el-col :span="22">
-        <span class="musicTitle"
-          >智能对话<span class="refrshSmart"
-            ><i
-              class="el-icon-refresh"
-              title="刷新"
-              @click="init('start')"
-            ></i></span
-        ></span>
-        <!-- <el-col :span="11">
-          <span class="musicTitle" >智能对话</span></el-col
-        > -->
-        <!-- <el-col :span="11"
-          ><span class="musicTitle" >刷新</span></el-col
-        > -->
-
-        <!-- <i
-          class="el-icon-arrow-left"
-          style="cursor: pointer"
-          @click="goBack()"
-        ></i> -->
-
-        <el-divider></el-divider>
-      </el-col>
-      <el-col :span="1">&nbsp;</el-col>
-    </el-row>
-    <el-row
-      id="contant1"
-      style="
-        height: 66vh !important;
-        display: block !important;
-        overflow-y: auto !important;
-      "
-    >
-      <el-col :span="1">&nbsp;</el-col>
-      <el-col :span="22">
-        <div class="chat-window">
-          <div
-            class="chat-msg-content"
-            id="rongqi"
-            v-for="content in chatContents"
-            :key="content.index"
-          >
+  <div class="main_right_height">
+    <div class="smart_content">
+      <el-row>
+        <el-col :span="1">&nbsp;</el-col>
+        <el-col :span="22">
+          <div class="chat-window" id="contant1">
             <div
-              v-if="content.from == 1"
-              :key="content.id"
-              class="main_answer_right"
-              style="margin-top: 10px"
+              class="chat-msg-content"
+              id="rongqi"
+              v-for="content in chatContents"
+              :key="content.index"
             >
-              <div class="img-wrapper">
-                <img
-                  width="60px"
-                  heigth="60px"
-                  class="img"
-                  style="border-radius: 50%"
-                  :src="from1"
-                />
-              </div>
-              <div class="message-wrapper message-wrapper-left">
-                <div class="message">{{ content.question }}</div>
+              <div
+                v-if="content.from == 1"
+                :key="content.id"
+                class="main_answer_right"
+                style="margin-top: 10px"
+              >
+                <div class="img-wrapper">
+                  <img width="60px" heigth="60px" class="img" :src="from1" />
+                </div>
+                <div class="message-wrapper message-wrapper-left">
+                  <div class="message">{{ content.question }}</div>
+                </div>
               </div>
-            </div>
-
-            <el-row v-else style="margin-top: 10px">
-              <el-col :span="10"> &nbsp; </el-col>
-              <el-col :span="14">
-                <div class="main_answer_left" style="float: right">
-                  <div class="message-wrapper message-wrapper-right">
-                    <div class="message">{{ content.answer }}</div>
+              <el-row v-else style="margin-top: 10px">
+                <el-col :span="10"> &nbsp; </el-col>
+                <el-col :span="14">
+                  <div class="main_answer_left" style="float: right">
+                    <div class="message-wrapper message-wrapper-right">
+                      <div class="message">{{ content.answer }}</div>
+                    </div>
+                    <div class="img-wrapper">
+                      <img
+                        width="60px"
+                        heigth="60px"
+                        class="img"
+                        :src="from2"
+                      />
+                    </div>
                   </div>
-                  <div class="img-wrapper">
-                    <img width="60px" heigth="60px" class="img" :src="from2" />
-                  </div>
-                </div>
-              </el-col>
-            </el-row>
+                </el-col>
+              </el-row>
+            </div>
           </div>
-        </div>
-      </el-col>
-      <el-col :span="1">&nbsp;</el-col>
-    </el-row>
+        </el-col>
+        <el-col :span="1">&nbsp;</el-col>
+      </el-row>
 
-    <el-row v-show="inputFlag === 1" class="footSend">
-      <el-col :span="1"> &nbsp; </el-col>
-      <el-col :span="21">
-        <el-input
-          class="xl_input"
-          placeholder="请输入内容"
-          v-model="desc"
-          @keyup.enter.native="sendMsg"
-          clearable
-        >
-        </el-input>
-      </el-col>
-      <el-col :span="2" style="">
-        <!-- <i style="line-height:138px" title="发送" @click="sendMsg" class="el-icon-s-promotion"></i
-      > -->
-        &nbsp;&nbsp;
-        <el-button
-          icon="el-icon-s-promotion "
-          :disabled="!sendMsgFlag"
-          class="xl_d_send"
-          circle
-          @click="sendMsg"
-        ></el-button>
-        <!-- <i style='' class="el-icon-s-promotion " ></i> -->
-        <!-- &nbsp;<el-button
-          size="mini"
-          title="发送"
-          class="xl_d_button"
-          @click="sendMsg"
-          >发送</el-button
-        > -->
-      </el-col>
-    </el-row>
-    <el-row v-show="inputFlag === 2" class="footSendSelect">
-      <el-col :span="1"> &nbsp; </el-col>
-      <el-col :span="22" style="margin-top: 20px;margin-bottom: 20px">
-        <div>
-          <el-radio
-            style="margin-top: 10px"
-            v-for="(item, index) in scale_checkItems"
-            :key="index"
-            v-model="radio"
-            :label="item"
-            fill="#57ACBB"
-            @change="selectRadio(item)"
-            >{{ item }}</el-radio
-          >
-        </div></el-col
-      >
-      <el-col :span="1"> &nbsp; </el-col>
-    </el-row>
-    <el-row v-show="inputFlag === 3" class="footSendSelect">
-      <el-col :span="1"> &nbsp; </el-col>
-      <el-col :span="22" style="margin-top: 20px;margin-bottom:20px">
-        <div>
-          <el-radio
-            :disabled="!scaleSelectFlag"
-            style="margin-top: 10px"
-            v-for="(item, index) in scale_checkItems"
-            :key="index"
-            v-model="radio"
-            :label="item"
-            fill="#57ACBB"
-            @change="choiceTriger(item)"
-            >{{ item }}</el-radio
+      <el-row v-show="inputFlag === 1" class="footSend">
+        <el-col :span="1"> &nbsp; </el-col>
+        <el-col :span="21">
+          <el-input
+            class="xl_input"
+            type="textarea"
+            resize="none"
+            placeholder="请输入内容"
+            v-model="desc"
+            show-word-limit
+            @keyup.enter.native="sendMsg"
+            clearable
           >
-        </div></el-col
-      >
-      <el-col :span="1"> &nbsp; </el-col>
-    </el-row>
+          </el-input>
+        </el-col>
+        <el-col :span="2" style="">
+          &nbsp;&nbsp;
+          <el-button
+           
+            :disabled="!sendMsgFlag"
+            class="xl_d_send"
+            
+            @click="sendMsg"
+          >发送</el-button>
+        </el-col>
+      </el-row>
+      <el-row v-show="inputFlag === 2" class="footSendSelect">
+        <el-col :span="1"> &nbsp; </el-col>
+        <el-col :span="22" style="margin-top: 20px; margin-bottom: 20px">
+          <div>
+            <el-radio
+              style="margin-top: 10px"
+              v-for="(item, index) in scale_checkItems"
+              :key="index"
+              v-model="radio"
+              :label="item"
+              fill="#57ACBB"
+              @change="selectRadio(item)"
+              >{{ item }}</el-radio
+            >
+          </div></el-col
+        >
+        <el-col :span="1"> &nbsp; </el-col>
+      </el-row>
+      <el-row v-show="inputFlag === 3" class="footSendSelect">
+        <el-col :span="1"> &nbsp; </el-col>
+        <el-col :span="22" style="margin-top: 20px; margin-bottom: 20px">
+          <div>
+            <el-radio
+              :disabled="!scaleSelectFlag"
+              style="margin-top: 10px"
+              v-for="(item, index) in scale_checkItems"
+              :key="index"
+              v-model="radio"
+              :label="item"
+              fill="#57ACBB"
+              @change="choiceTriger(item)"
+              >{{ item }}</el-radio
+            >
+          </div></el-col
+        >
+        <el-col :span="1"> &nbsp; </el-col>
+      </el-row>
+    </div>
   </div>
 </template>
 <script>
@@ -462,7 +417,7 @@ export default {
             question: "欢迎来到智能对话",
             from1: HeadImg,
           },
-//接下来我们将进行测试
+          //接下来我们将进行测试
           {
             from: 1,
             question: "接下来让我们聊一聊吧",
@@ -491,7 +446,7 @@ export default {
       this.sleep(101).then(() => {
         contant1.scrollTop = contant1.scrollHeight;
       });
-      this.preList=[];
+      this.preList = [];
       this.getDom();
       console.log(this.preList);
 
@@ -518,6 +473,7 @@ export default {
     },
 
     sendMsg() {
+    
       this.sendMsgFlag = false;
       let contant1 = document.getElementById("contant1");
       let tmp = {
@@ -882,7 +838,7 @@ export default {
       //判断是否是已婚
       ////已婚0  未婚  1  离异 2
       let married = sessionStorage.getItem("isMarried");
-      if (married=='0') {
+      if (married == "0") {
         //从7个中抽取3个
         console.log(this.getDomList(3, 7));
       } else {
@@ -1160,30 +1116,29 @@ export default {
   /* text-align: right; */
 }
 .message-wrapper {
-  background-color: #f7f8fa;
+  background-color: #ffffff;
 }
 .message-wrapper-left {
-  border-radius: 0 1rem 1rem 1rem;
+  margin-left: 10px;
+  /* border-radius: 0 1rem 1rem 1rem; */
+  border-radius: 4px 4px 4px 4px;
   max-width: 20.86667rem;
   display: inline-table;
-  margin-top: 25px;
 }
 .message-wrapper-right {
-  border-radius: 1rem 0 1rem 1rem;
+  margin-right: 10px;
+  border-radius: 4px 4px 4px 4px;
   max-width: 20.86667rem;
   display: inline-table;
-  margin-top: 25px;
+  background-color: #1fd18e;
+  color: #ffffff;
+  /* margin-top: 25px; */
 }
 .message {
   word-break: break-all;
-  padding: 10px;
+  padding: 18px;
   /* font-size: 20px; */
 }
-.main_right_height {
-  height: 95vh !important;
-  display: block !important;
-  overflow-y: auto !important;
-}
 
 .xl_d_button {
   background: rgb(87, 172, 187);
@@ -1226,48 +1181,80 @@ export default {
 }
 .footSend {
   background: #ffffff;
-  padding-top: 20px;
-  padding-bottom: 55px;
   position: absolute;
-  width: 100%;
-  bottom: 0px;
+  height: 80px;
+  margin-left: 2%;
+  /* padding-top: 20px;
+  padding-bottom: 55px; */
+  /* position: absolute;
+  width: 100%; */
+  width: 90%;
+  bottom: 40px;
+}
+.footSend >>> .el-textarea__inner {
+  border: 0px solid #ffffff !important;
 }
 .footSendSelect {
   background: #ffffff;
-
-  padding-bottom: 40px;
+  /* padding-bottom: 40px; */
   position: absolute;
-  width: 100%;
-  bottom: 0px;
+  margin-left: 2%;
+  width: 90%;
+  bottom: 40px;
 }
 .xl_d_send {
-  background: rgb(87, 172, 187) !important;
+  margin-top:18px;
+  color:#087B50;
+  background: #C6F0ED!important;
   opacity: 1;
-  border-radius: 50%;
-  font-size: 20px;
+  font-size: 14px;
   font-family: PingFang SC;
   font-weight: 400;
-  color: #ffffff;
   text-align: center;
 }
 .xl_d_send:hover {
-  background: rgb(87, 172, 187) !important;
+   margin-top:18px;
+  color:#087B50;
+  background: #C6F0ED!important;
   opacity: 1;
-  border-radius: 50%;
-  font-size: 20px;
+  font-size: 14px;
   font-family: PingFang SC;
   font-weight: 400;
-  color: #ffffff;
   text-align: center;
 }
 .xl_d_send:focus {
-  background: rgb(87, 172, 187) !important;
+  margin-top:18px;
+  color:#087B50;
+  background: #C6F0ED!important;
   opacity: 1;
-  border-radius: 50%;
-  font-size: 20px;
+  font-size: 14px;
   font-family: PingFang SC;
   font-weight: 400;
-  color: #ffffff;
   text-align: center;
 }
+.main_right_height {
+  /* padding:40px; */
+  height: 100vh !important;
+  display: block !important;
+  overflow-y: auto !important;
+  background-color: #ffffff;
+}
+
+.smart_content {
+  height: 90%;
+  margin-top: 5%;
+  width: 94%;
+  margin-left: 3%;
+  border-radius: 40px;
+  background: #f6f6f6;
+}
+.chat-window {
+  height: 70vh;
+  overflow: auto;
+  /* overflow-y:hidden; */
+}
+/* .contant1{
+ height:70vh;
+  overflow:auto;
+} */
 </style>