修改样式

src/renderer/components/ManageElectrical.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="main_right_height">
-    <div>
+    <TopDes :flag="false" topDesFont="生物反馈记录"></TopDes>
+    <!-- <div>
       <el-row>
         <el-col :span="1">&nbsp;</el-col>
         <el-col :span="22">
@@ -9,22 +10,23 @@
         </el-col>
         <el-col :span="1">&nbsp;</el-col>
       </el-row>
-    </div>
+    </div> -->
     <div>
       <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: 15px; margin-bottom: 15px" class="xl_input">
             <el-input
               placeholder="请输入用户姓名"
               v-model="nameSearch"
-              class="input-with-select"
+              @input="searchEle"
+              prefix-icon="el-icon-search"
             >
-              <el-button
+              <!-- <el-button
                 slot="append"
                 @click="searchEle"
                 icon="el-icon-search"
-              ></el-button>
+              ></el-button> -->
             </el-input>
           </div>
         </el-col>
@@ -36,7 +38,12 @@
         <el-col :span="22">
           <el-table
             :data="tableData"
-            :header-cell-style="{ background: head_style }"
+            :header-cell-style="{
+              background: '#66B497',
+              color: '#FFFFFF',
+              'letter-spacing': '4px',
+            }"
+            :row-class-name="tableRowClassName"
             border
             style="width: 100%"
           >
@@ -62,7 +69,7 @@
         <el-col :span="1"> &nbsp;</el-col>
       </el-row>
     </div>
-    <p align="center" style='margin-bottom:40px'>
+    <p align="center" style="margin-bottom: 40px">
       <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
@@ -73,6 +80,7 @@
       >
       </el-pagination>
     </p>
+    <FootDes></FootDes>
   </div>
 </template>
 <script>
@@ -91,6 +99,14 @@ export default {
     this.queryEle();
   },
   methods: {
+    tableRowClassName({ rowIndex }) {
+      if (rowIndex % 2 === 0) {
+        return "warning-row";
+      } else if (rowIndex % 2 === 1) {
+        return "success-row";
+      }
+      return "success-row";
+    },
     searchEle() {
       this.pageNum = 1;
       this.queryEle();
@@ -133,9 +149,7 @@ export default {
         query: { identifier: row.identifier },
       });
     },
-    handleDelete(index, row) {
-     
-    },
+    handleDelete(index, row) {},
   },
 };
 </script>
@@ -144,17 +158,7 @@ export default {
   height: 100vh !important;
   display: block !important;
   overflow-y: auto !important;
-  background:#ffffff;
-}
-.xl_d_button,
-.xl_d_button:hover,
-.xl_d_button:focus {
-  background: rgb(87, 172, 187);
-  opacity: 1;
-  /* border-radius: 18px; */
-  /* font-size: 14px; */
-  font-family: PingFang SC;
-  font-weight: 400;
-  color: #ffffff;
+  background: #ffffff;
 }
+
 </style>

src/renderer/components/ManageElectricalRecord.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="main_right_height">
-    <div>
+    <TopDes :flag="false" topDesFont="生物反馈记录"></TopDes>
+    <!-- <div>
       <el-row>
         <el-col :span="1">&nbsp;</el-col>
         <el-col :span="22">
@@ -17,9 +18,9 @@
         </el-col>
         <el-col :span="1">&nbsp;</el-col>
       </el-row>
-    </div>
+    </div> -->
     <div>
-      <el-row style="margin-top: 15px; margin-bottom: 15px">
+      <el-row style="margin-top: 15px; margin-bottom: 15px" class="xl_input">
         <el-col :span="1">&nbsp;</el-col>
         <el-col :span="16">
           <div>
@@ -122,6 +123,7 @@
       >
       </el-pagination>
     </p>
+      <FootDes></FootDes>
   </div>
 </template>
 <script>

src/renderer/components/ManagePluse.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="main_right_height">
-    <div>
+    <TopDes :flag="false" topDesFont="认知行为干预记录"></TopDes>
+    <!-- <div>
       <el-row>
         <el-col :span="1">&nbsp;</el-col>
         <el-col :span="22">
@@ -9,35 +10,33 @@
         </el-col>
         <el-col :span="1">&nbsp;</el-col>
       </el-row>
-    </div>
+    </div> -->
     <div>
       <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: 15px; margin-bottom: 15px" class="xl_input">
             <el-input
               placeholder="请输入搜索内容"
               v-model="nameSearch"
-              class="input-with-select"
+              @input="searchEle"
+              prefix-icon="el-icon-search"
             >
-              <el-button
+              <!-- <el-button
                 slot="append"
                 @click="searchEle"
                 icon="el-icon-search"
-              ></el-button>
+              ></el-button> -->
             </el-input>
           </div>
         </el-col>
-          <el-col :span="16" style="text-align: right;margin-top: 20px; margin-bottom: 10px">
-          <el-button
-            size="small"
-            @click="downloadALL"
-            class="xl_d_button"
-            
-          >
+        <el-col
+          :span="16"
+          style="text-align: right; margin-top: 20px; margin-bottom: 10px"
+        >
+          <el-button size="small" @click="downloadALL" class="xl_d_button">
             全部下载</el-button
           >
-         
         </el-col>
       </el-row>
     </div>
@@ -48,7 +47,12 @@
           <el-table
             :data="tableData"
             border
-            :header-cell-style="{ background: head_style }"
+            :header-cell-style="{
+              background: '#66B497',
+              color: '#FFFFFF',
+              'letter-spacing': '4px',
+            }"
+            :row-class-name="tableRowClassName"
             style="width: 100%"
           >
             <el-table-column prop="userName" align="center" label="姓名">
@@ -73,7 +77,7 @@
         <el-col :span="1"> &nbsp;</el-col>
       </el-row>
     </div>
-    <p align="center" style='margin-bottom:40px'>
+    <p align="center" style="margin-bottom: 40px">
       <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
@@ -84,6 +88,7 @@
       >
       </el-pagination>
     </p>
+    <FootDes></FootDes>
   </div>
 </template>
 <script>
@@ -104,9 +109,17 @@ export default {
     this.queryEle();
   },
   methods: {
-    downloadALL(){
-       let baseUrl = sessionStorage.getItem("baseUrl");
-       axios({
+    tableRowClassName({ rowIndex }) {
+      if (rowIndex % 2 === 0) {
+        return "warning-row";
+      } else if (rowIndex % 2 === 1) {
+        return "success-row";
+      }
+      return "success-row";
+    },
+    downloadALL() {
+      let baseUrl = sessionStorage.getItem("baseUrl");
+      axios({
         method: "post",
         url: `${baseUrl}v1/recordPhy/export/all/pulse/target`,
         timeout: 600000, // 请求超时时间，数据量多后台响应慢的情况可以调大点，没生效的话可能是vue.config.js里的配置影响了
@@ -166,9 +179,7 @@ export default {
         query: { identifier: row.identifier },
       });
     },
-    handleDelete(index, row) {
-    
-    },
+    handleDelete(index, row) {},
   },
 };
 </script>
@@ -179,15 +190,13 @@ export default {
   overflow-y: auto !important;
   background: #ffffff;
 }
-.xl_d_button,
+/* .xl_d_button,
 .xl_d_button:hover,
 .xl_d_button:focus {
   background: rgb(87, 172, 187);
   opacity: 1;
-  /* border-radius: 18px; */
-  /* font-size: 14px; */
   font-family: PingFang SC;
   font-weight: 400;
   color: #ffffff;
-}
+} */
 </style>

src/renderer/components/ManageUserScale.vue

@@ -1,30 +1,22 @@
 <template>
   <div class="main_right_height">
-    <div>
-      <el-row>
-        <el-col :span="1">&nbsp;</el-col>
-        <el-col :span="22">
-          <span class="musicTitle">用户测试记录</span>
-          <el-divider></el-divider>
-        </el-col>
-        <el-col :span="1">&nbsp;</el-col>
-      </el-row>
-    </div>
+    <TopDes :flag="false" topDesFont="用户聊天记录"></TopDes>
     <div>
       <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: 15px; margin-bottom: 15px" class="xl_input">
             <el-input
               placeholder="请输入用户姓名"
               v-model="nameSearch"
-              class="input-with-select"
+              prefix-icon="el-icon-search"
+              @input="searchEle"
             >
-              <el-button
+              <!-- <el-button
                 slot="append"
                 @click="searchEle"
                 icon="el-icon-search"
-              ></el-button>
+              ></el-button> -->
             </el-input>
           </div>
         </el-col>
@@ -36,7 +28,12 @@
         <el-col :span="22">
           <el-table
             :data="tableData"
-            :header-cell-style="{ background: head_style }"
+            :header-cell-style="{
+              background: '#66B497',
+              color: '#FFFFFF',
+              'letter-spacing': '4px',
+            }"
+            :row-class-name="tableRowClassName"
             border
             style="width: 100%"
           >
@@ -67,7 +64,7 @@
         <el-col :span="1"> &nbsp;</el-col>
       </el-row>
     </div>
-    <p align="center" style='margin-bottom:40px'>
+    <p align="center" style="margin-bottom: 40px">
       <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
@@ -78,6 +75,7 @@
       >
       </el-pagination>
     </p>
+    <FootDes></FootDes>
   </div>
 </template>
 <script>
@@ -96,6 +94,14 @@ export default {
     this.queryEle();
   },
   methods: {
+     tableRowClassName({ rowIndex }) {
+      if (rowIndex % 2 === 0) {
+        return "warning-row";
+      } else if (rowIndex % 2 === 1) {
+        return "success-row";
+      }
+      return "success-row";
+    },
     searchEle() {
       this.pageNum = 1;
       this.queryEle();
@@ -114,7 +120,6 @@ export default {
         },
         (res) => {
           if (res.data.code == 200) {
-            
             that.tableData = res.data.data.data;
             that.totolSize = res.data.data.allNum;
           } else {
@@ -138,9 +143,7 @@ export default {
         query: { identifier: row.identifier },
       });
     },
-    handleDelete(index, row) {
-      
-    },
+    handleDelete(index, row) {},
   },
 };
 </script>
@@ -149,17 +152,6 @@ export default {
   height: 100vh !important;
   display: block !important;
   overflow-y: auto !important;
-  background:#ffffff;
-}
-.xl_d_button,
-.xl_d_button:hover,
-.xl_d_button:focus {
-  background: rgb(87, 172, 187);
-  opacity: 1;
-  /* border-radius: 18px; */
-  /* font-size: 14px; */
-  font-family: PingFang SC;
-  font-weight: 400;
-  color: #ffffff;
+  background: #ffffff;
 }
 </style>

src/renderer/components/ManageUserScaleRecord.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="main_right_height">
-    <div>
+    <TopDes :flag="true" topDesFont="用户聊天记录"></TopDes>
+    <!-- <div>
       <el-row>
         <el-col :span="1">&nbsp;</el-col>
         <el-col :span="22">
@@ -18,11 +19,11 @@
 
         <el-col :span="1">&nbsp;</el-col>
       </el-row>
-    </div>
+    </div> -->
     <div>
       <el-row style="margin-bottom: 15px">
         <el-col :span="1">&nbsp;</el-col>
-        <el-col :span="20" style="margin-top:15px">
+        <el-col :span="20" style="margin-top: 15px" class="xl_input">
           <div style="display: flex">
             <el-date-picker
               v-model="value1"
@@ -37,13 +38,14 @@
             <el-input
               placeholder="请输入量表名称"
               v-model="nameSearch"
-              class="input-with-select"
+              @input="searchEle"
+              prefix-icon="el-icon-search"
             >
-              <el-button
+              <!-- <el-button
                 slot="append"
                 @click="searchEle"
                 icon="el-icon-search"
-              ></el-button>
+              ></el-button> -->
             </el-input>
           </div>
         </el-col>
@@ -85,7 +87,12 @@
             :data="tableData"
             style="width: 100%"
             @selection-change="handleSelectionChange"
-            :header-cell-style="{ background: head_style }"
+            :header-cell-style="{
+              background: '#66B497',
+              color: '#FFFFFF',
+              'letter-spacing': '4px',
+            }"
+            :row-class-name="tableRowClassName"
             border
           >
             <el-table-column type="selection" align="center" width="55">
@@ -112,7 +119,7 @@
         <el-col :span="1"> &nbsp;</el-col>
       </el-row>
     </div>
-    <p align="center" style='margin-bottom:40px'>
+    <p align="center" style="margin-bottom: 40px">
       <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
@@ -124,6 +131,7 @@
       >
       </el-pagination>
     </p>
+    <FootDes></FootDes>
   </div>
 </template>
 <script>
@@ -150,6 +158,14 @@ export default {
     this.queryEle();
   },
   methods: {
+    tableRowClassName({ rowIndex }) {
+      if (rowIndex % 2 === 0) {
+        return "warning-row";
+      } else if (rowIndex % 2 === 1) {
+        return "success-row";
+      }
+      return "success-row";
+    },
     //返回上一页
     goBack() {
       this.$router.go(-1);
@@ -213,7 +229,7 @@ export default {
         this.startDate = this.fomatterDate(this.value1[0]);
         this.endDate = this.fomatterDate(this.value1[1]);
       }
-      this.pageNum=1;
+      this.pageNum = 1;
       this.queryEle();
     },
     //格式化时间格式
@@ -341,9 +357,10 @@ export default {
 </script>
 <style scoped>
 .main_right_height {
-  height: 95vh !important;
+  height: 100vh !important;
   display: block !important;
   overflow-y: auto !important;
+  background: #ffffff;
 }
 .el-input-group {
   line-height: normal;
@@ -352,17 +369,7 @@ export default {
   border-collapse: separate;
   border-spacing: 0;
 }
-.xl_d_button,
-.xl_d_button:hover,
-.xl_d_button:focus {
-  background: rgb(87, 172, 187);
-  opacity: 1;
-  /* border-radius: 18px; */
-  /* font-size: 14px; */
-  font-family: PingFang SC;
-  font-weight: 400;
-  color: #ffffff;
-}
+
 .xl_d_button.is-disabled,
 .xl_d_button.is-disabled:focus,
 .xl_d_button.is-disabled:hover {

src/utils/public.css

@@ -92,7 +92,7 @@
     font-weight: 400;
 }
 
-.xl_input /deep/.el-input__inner {
+.xl_input .el-input__inner {
     width: 35.4vw;
     line-height: 64px;
     background: #eaeaea;
@@ -101,4 +101,13 @@
     box-sizing: border-box;
     font-weight: 400;
     color: #929292;
+  }
+
+  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+    background-color: #0FB577;
+    border-color: #0FB577;
+}
+.xl_input .el-range-editor .el-range-input {
+    line-height: 1;
+    background-color: #eaeaea;
 }