增加组件公共显示

src/renderer/components/FootDes.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="footer_class">
+    <div>Copyright© 北京决明科技有限公司</div>
+  </div>
+</template>
+<script>
+export default {
+  name: "FootDes",
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped>
+.footer_class {
+    color:#0F0F0F;
+  position: absolute;
+  left:0;
+  right:0;
+  font-size: 14px;
+  margin:auto;
+  bottom: 10px;
+  text-align: center;
+}
+</style>

src/renderer/components/ManageUser.vue

@@ -1,30 +1,23 @@
 <template>
   <div class="main_right_height">
-    <div>
-      <el-row style="margin-top: 40px">
-        <el-col :span="1">&nbsp;</el-col>
-        <el-col :span="22">
-          <span class="userManageClass">用户管理</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: 5px; margin-bottom: 15px">
+          <div style="margin-top: 5px; margin-bottom: 15px"  class="xl_input">
             <el-input
               placeholder="请输入搜索内容"
               v-model="nameSearch"
-              class="input-with-select"
+             
+              prefix-icon="el-icon-search"
+               @input="searchUser"
             >
-              <el-button
+              <!-- <el-button
                 slot="append"
                 @click="searchUser"
                 icon="el-icon-search"
-              ></el-button>
+              ></el-button> -->
             </el-input>
           </div>
         </el-col>
@@ -75,6 +68,7 @@
       >
       </el-pagination>
     </p>
+    <FootDes></FootDes>
   </div>
 </template>
 <script>
@@ -179,4 +173,14 @@ export default {
 .userManageClass {
   color: #0f0f0f;
 }
+/* .xl_input >>> .el-input__inner {
+  width: 35.4vw;
+  line-height: 64px;
+  background: #eaeaea;
+  border-radius: 30px 30px 30px 30px;
+  opacity: 1;
+  box-sizing: border-box;
+  font-weight: 400;
+  color: #929292;
+} */
 </style>

src/renderer/components/TopDes.vue

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <div class='topdes_class'>
+      <div  v-if='flag'>
+        <i
+          class="el-icon-arrow-left"
+          style="cursor: pointer; line-height: 1.5"
+          @click="goBack()"
+        >&nbsp;&nbsp;</i>
+      </div>
+      <div >{{topDesFont}}</div>
+    </div> 
+  </div>
+</template>
+<script>
+export default {
+    name:'TopDes',
+    props: ["flag", "topDesFont"],
+  data() {
+    return {};
+  },
+  methods: {
+    goBack() {
+      this.$router.go(-1);
+    },
+  },
+};
+</script>
+<style>
+.topdes_class{
+    margin-top:40px;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    border-bottom:1px solid #BBC5D4;
+    width:92%;
+    margin-left:4%;
+    padding-bottom:20px;
+    margin-bottom:20px;
+}
+</style>

src/renderer/main.js

@@ -13,6 +13,9 @@ import md5 from 'js-md5';
 import TestResults from './components/TestResults'
 import StackedLine from './components/StackedLine'
 import TopPage from './components/TopPage'
+import TopDes from './components/TopDes.vue'
+import FootDes from './components/FootDes.vue'
+
 import '../utils/public.css'
 Vue.prototype.$md5 = md5;
 Vue.use(Chat)
@@ -30,6 +33,8 @@ Vue.use(ElementUI)
 Vue.component("TestResults", TestResults)
 Vue.component("StackedLine", StackedLine)
 Vue.component("TopPage", TopPage)
+Vue.component("TopDes",TopDes)
+Vue.component('FootDes',FootDes)
 // Vue.use(TestResults)
 // Vue.use(StackedLine)
 

src/utils/public.css

@@ -88,4 +88,14 @@
     padding-right: 20px;
     font-family: PingFang SC;
     font-weight: 400;
-}
+}
+.xl_input /deep/.el-input__inner {
+    width: 35.4vw;
+    line-height: 64px;
+    background: #eaeaea;
+    border-radius: 30px 30px 30px 30px !important;
+    opacity: 1;
+    box-sizing: border-box;
+    font-weight: 400;
+    color: #929292;
+  }