search page style

src/App copy 2.vue

@@ -1,59 +0,0 @@
-<template>
-  <a-config-provider :locale="zh_CN">
-      <div id="app" class="flex-col">
-          <navibar class="menu-shi"></navibar>
-          <div class="app-body flex-row app_beijing">
-              <div class="container-width">
-                  <router-view/>
-              </div>
-          </div>
-      </div>
-  </a-config-provider>
-</template>
-<script>
-import navibar from '@/views/knowledge/common/navibar'
-
-import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
-import 'moment/locale/zh-cn';
-
-export default {
-  components: {
-    navibar
-  },
-  data() {
-    return {
-      zh_CN,
-    }
-  }
-}
-</script>
-<style scoped>
-  #app {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: #f5f7fa;
-  }
-
-  .app-body {
-      height: calc(100% - 50px);
-      overflow: scroll;
-      overflow-y: hidden;
-  }
-
-  .container-width {
-      top: 62px;
-      height: 100%;
-  }
-
-  .menu-shi {
-      background-color: white;
-      box-shadow: 0 2px 8px #c8ebdf82;
-      border: 0;
-      text-align: center;
-  }
-
-
-</style>

src/App copy.vue

@@ -1,28 +0,0 @@
-<template>
-  <div id="app">
-    <router-view />
-    <theme-picker />
-  </div>
-</template>
-
-<script>
-import ThemePicker from "@/components/ThemePicker";
-
-export default {
-  name: "App",
-  components: { ThemePicker },
-    metaInfo() {
-        return {
-            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
-            titleTemplate: title => {
-                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
-            }
-        }
-    }
-};
-</script>
-<style scoped>
-#app .theme-picker {
-  display: none;
-}
-</style>

src/assets/styles/search.less

@@ -86,7 +86,7 @@
 }
 
 #container {
-  width: 85%;
+  width: 80%;
   margin: 0 auto;
   position: relative
 }
@@ -99,14 +99,19 @@
   float: right
 }
 
+.headline-center{
+  padding-left: 30%;
+  padding-right: 30%;
+}
+
 #headline-content {
-  max-width: 650px;
+  //max-width: 650px;
   margin: 0 auto
 }
 
 
 #search-bar {
-  padding: 40px 0 70px
+  //padding: 40px 0 70px
 }
 
 #search-tab {

src/views/index_v1.vue

@@ -1,98 +0,0 @@
-<template>
-  <div class="dashboard-editor-container">
-
-    <panel-group @handleSetLineChartData="handleSetLineChartData" />
-
-    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
-      <line-chart :chart-data="lineChartData" />
-    </el-row>
-
-    <el-row :gutter="32">
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <raddar-chart />
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <pie-chart />
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <bar-chart />
-        </div>
-      </el-col>
-    </el-row>
-
-    
-  </div>
-</template>
-
-<script>
-import PanelGroup from './dashboard/PanelGroup'
-import LineChart from './dashboard/LineChart'
-import RaddarChart from './dashboard/RaddarChart'
-import PieChart from './dashboard/PieChart'
-import BarChart from './dashboard/BarChart'
-
-const lineChartData = {
-  newVisitis: {
-    expectedData: [100, 120, 161, 134, 105, 160, 165],
-    actualData: [120, 82, 91, 154, 162, 140, 145]
-  },
-  messages: {
-    expectedData: [200, 192, 120, 144, 160, 130, 140],
-    actualData: [180, 160, 151, 106, 145, 150, 130]
-  },
-  purchases: {
-    expectedData: [80, 100, 121, 104, 105, 90, 100],
-    actualData: [120, 90, 100, 138, 142, 130, 130]
-  },
-  shoppings: {
-    expectedData: [130, 140, 141, 142, 145, 150, 160],
-    actualData: [120, 82, 91, 154, 162, 140, 130]
-  }
-}
-
-export default {
-  name: 'Index',
-  components: {
-    PanelGroup,
-    LineChart,
-    RaddarChart,
-    PieChart,
-    BarChart
-  },
-  data() {
-    return {
-      lineChartData: lineChartData.newVisitis
-    }
-  },
-  methods: {
-    handleSetLineChartData(type) {
-      this.lineChartData = lineChartData[type]
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.dashboard-editor-container {
-  padding: 32px;
-  background-color: rgb(240, 242, 245);
-  position: relative;
-
-  .chart-wrapper {
-    background: #fff;
-    padding: 16px 16px 0;
-    margin-bottom: 32px;
-  }
-}
-
-@media (max-width:1024px) {
-  .chart-wrapper {
-    padding: 8px;
-  }
-}
-</style>

src/views/knowledge/common/chart.vue

@@ -710,4 +710,9 @@ function computePath(nodes) {
 	background-size: 100% 100%;
 	/* background-image: url('../../assets/banner (2).png'); */
 }
+
+.ant-spin-container {
+  height: 100% !important;
+}
+
 </style>

src/views/search/Home.vue

@@ -12,12 +12,7 @@
       <div id="search-bar">
         <div id="container">
           <div id="headline-content">
-            <el-row>
-              <div id="logo" style="align-content: center ;    padding-bottom: 40px;">
-                <img alt="数据检索中心" src="../../assets/images/search/620.png"/>
-              </div>
-            </el-row>
-            <el-row>
+            <el-row class="headline-center" >
               <div id="search-tab">
               <span
                 v-for="engine_name in engine_names"
@@ -33,7 +28,8 @@
               id="search-form"
               ref="search_form"
               onsubmit="return false;"
-              style="height: 50px"
+              style="height: 50px;"
+              class="headline-center"
             >
               <input
                 id="search-keyword"
@@ -60,7 +56,7 @@
               />
             </form>
 
-              <a-spin v-show="search_engine == '图谱'" :spinning="loadingChecked" class="flex1 panel flex-col" style="height: 600px;">
+              <a-spin v-show="search_engine == '图谱'" :spinning="loadingChecked" class="flex1 panel flex-col" style="height: 730px;">
                 <chart-comp ref="chart"
                           @="getInfoTooltip"
                           :isShowContextMenu="true"
@@ -70,13 +66,13 @@
                           :enable="true"
                           :isShowChart="true"></chart-comp>
               </a-spin>
-              <span v-show="search_engine == '文档'" :spinning="loadingChecked" class="flex1 panel flex-col" style="height: 500px;background-color: transparent;">
+              <span v-show="search_engine == '文档'" :spinning="loadingChecked" class="flex1 panel flex-col" style="height: 730px;background-color: transparent;">
                 <PdfList/>
               </span>
-              <span v-show="search_engine == '图片'" :spinning="loadingChecked" class="flex1 panel flex-col" style="height: 500px;background-color: transparent;">
+              <span v-show="search_engine == '图片'" :spinning="loadingChecked" class="flex1 panel flex-col" style="height: 730px;background-color: transparent;">
                 <ImageList/>
               </span>
-              <span v-show="search_engine == '媒体'" :spinning="loadingChecked" class="flex1 panel flex-col" style="height: 500px;background-color: transparent;">
+              <span v-show="search_engine == '媒体'" :spinning="loadingChecked" class="flex1 panel flex-col" style="height: 730px;background-color: transparent;">
                 <VideoList/>
               </span>
           </div>