修改样式

src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from 'axios'
 const service = axios.create({
   // baseURL: 'http://192.168.0.135:8007', // 本地调试
-  // baseURL: 'http://8.135.106.227:8007', // 线上调试
-  baseURL: '', // build
+  baseURL: 'http://8.135.106.227:8010', // 线上调试
+  // baseURL: '', // build
   timeout: 5000
 })
 // 请求拦截器

src/views/layout/index.vue

@@ -214,7 +214,7 @@ export default {
   }
   .logo {
     width: 290px;
-    border-right: 3px dashed #343a40;
+    border-right: 2px solid #A3A2A9;
     text-align: center;
   }
   .right {
@@ -291,6 +291,7 @@ export default {
   min-height: 870px;
   background-color: rgba(0, 0, 0, 0.8);
   .title {
+    border-radius: 5px;
     margin-top: 30px;
     width: 230px;
     height: 60px;
@@ -302,6 +303,8 @@ export default {
   ul {
     margin-top: 15px;
     li {
+      background-color: rgba(0,0,0,.2);
+      margin: 5px 0;
       cursor: pointer;
       width: 230px;
       height: 60px;

src/views/tab1/index.vue

@@ -47,7 +47,7 @@
           </div>
         </div>
         <el-table
-          :header-cell-style="{ background: '#d8dadc' }"
+          :header-cell-style="{ background: '#e3e6e9' }"
           :data="tableData"
           stripe
           style="width: 100%"
@@ -59,17 +59,18 @@
           </el-table-column>
           <el-table-column prop="name" label="项目名称"></el-table-column>
           <el-table-column
+            width="200"
             prop="projectTypeName"
             label="项目分类"
           ></el-table-column>
-          <el-table-column prop="technology" label="应用技术">
+          <el-table-column prop="technology" label="应用技术" width="150">
           </el-table-column>
-          <el-table-column prop="application" label="展示形式">
+          <el-table-column prop="application" label="展示形式" width="150">
           </el-table-column>
-          <el-table-column prop="updateTime" label="项目时间" >
+          <el-table-column prop="updateTime" label="项目时间" width="180">
           </el-table-column>
           <el-table-column prop="level" label="保密级别" width="120"></el-table-column>
-          <el-table-column label="操作" >
+          <el-table-column label="操作" width="230">
             <template #default='{row}'>
               <el-button type="text" @click="look(row.id)">查 看</el-button>
               <el-button type="text" @click="projecEdit(row.id)" v-if="userLogo">编 辑</el-button>
@@ -256,7 +257,7 @@ export default {
     .txt {
       font-weight: 700;
       height: 40px;
-      border-bottom: 2px dashed black;
+      border-bottom: 2px solid #A3A2A9 ;
     }
     .search {
       position: relative;
@@ -292,13 +293,15 @@ export default {
         top: 75px;
       }
     }
-    .table {
+        .table {
+      border-radius: 8px;
+      overflow: hidden;
       position: relative;
       margin-top: 25px;
       .title {
         position: relative;
         padding: 15px 20px 0;
-        background-color: #d8dadc;
+        background-color: #e3e6e9;
         .addBtn {
           cursor: pointer;
           display: flex;

src/views/tab1/tab1_add.vue

@@ -831,7 +831,7 @@ export default {
     .txt {
       font-weight: 700;
       height: 40px;
-      border-bottom: 2px dashed black;
+      border-bottom: 2px solid #A3A2A9 ;
     }
     .search {
       position: relative;

src/views/tab1/tab1_edit.vue

@@ -907,7 +907,7 @@ export default {
     .txt {
       font-weight: 700;
       height: 40px;
-      border-bottom: 2px dashed black;
+      border-bottom: 2px solid #A3A2A9 ;
     }
     .search {
       position: relative;

src/views/tab1/tab1_look.vue

@@ -45,7 +45,7 @@
         <div class="title">文物</div>
         <div class="imgBox">
           <a :href="item.url" target="_blank" v-for="item in tab4Data" :key="item.id">
-          <img :src="baseURL+item.thumb" alt="">{{item.name}}
+          <img :src="baseURL+item.thumb" :onerror="defaultImg" alt="">{{item.name}}
           </a>
         </div>
       </div>
@@ -165,7 +165,7 @@ export default {
     .txt {
       font-weight: 700;
       height: 40px;
-      border-bottom: 2px dashed black;
+      border-bottom: 2px solid #A3A2A9 ;
     }
     .search {
       position: relative;

src/views/tab2/index.vue

@@ -50,7 +50,7 @@
           <div class="txt">文物列表</div>
         </div>
         <el-table
-          :header-cell-style="{ background: '#d8dadc' }"
+          :header-cell-style="{ background: '#e3e6e9' }"
           :data="tableData"
           stripe
           style="width: 100%"
@@ -69,6 +69,7 @@
           </el-table-column>
           <el-table-column prop="name" label="文物名称"></el-table-column>
           <el-table-column
+            width="120"
             prop="goodsTypeName"
             label="文物类别"
           ></el-table-column>
@@ -77,7 +78,7 @@
               row.projectName
             }}</span>
           </el-table-column>
-          <el-table-column label="所属项目分类" prop="projectTypeName">
+          <el-table-column label="所属项目分类" prop="projectTypeName" width="160">
           </el-table-column>
           <el-table-column label="链接" #default="{ row }">
             <a :href="row.url" target="_blank">{{ row.url }}</a>
@@ -247,7 +248,7 @@ export default {
     .txt {
       font-weight: 700;
       height: 40px;
-      border-bottom: 2px dashed black;
+      border-bottom: 2px solid #A3A2A9 ;
     }
     .search {
       position: relative;
@@ -283,12 +284,14 @@ export default {
         top: 75px;
       }
     }
-    .table {
+        .table {
+      border-radius: 8px;
+      overflow: hidden; 
       position: relative;
       margin-top: 25px;
       .title {
         padding: 15px 20px 0;
-        background-color: #d8dadc;
+        background-color: #e3e6e9;
       }
       .tabImg {
         width: 80px;

src/views/tab3/index.vue

@@ -40,7 +40,7 @@
           <div class="txt">场景列表</div>
         </div>
         <el-table
-          :header-cell-style="{ background: '#d8dadc' }"
+          :header-cell-style="{ background: '#e3e6e9' }"
           :data="tableData"
           stripe
           style="width: 100%"
@@ -54,8 +54,8 @@
           <el-table-column label="所属项目" #default="{ row }">
             <span style="cursor: pointer;" @click="jump(row.projectId)">{{row.projectName}}</span>
           </el-table-column>
-          <el-table-column prop="projectTypeName" label="所属项目分类" ></el-table-column>
-          <el-table-column prop="updateTime" label="项目时间" > </el-table-column>
+          <el-table-column prop="projectTypeName" label="所属项目分类" width="160"></el-table-column>
+          <el-table-column prop="updateTime" label="项目时间" width="180"> </el-table-column>
           <el-table-column label="链接" #default="{ row }">
             <a :href="row.url" target="_blank">{{ row.url }}</a>
           </el-table-column>
@@ -211,7 +211,7 @@ export default {
     .txt {
       font-weight: 700;
       height: 40px;
-      border-bottom: 2px dashed black;
+      border-bottom: 2px solid #A3A2A9 ;
     }
     .search {
       position: relative;
@@ -247,13 +247,15 @@ export default {
         top: 75px;
       }
     }
-    .table {
+        .table {
+      border-radius: 8px;
+      overflow: hidden;
       position: relative;
       margin-top: 25px;
       .title {
         position: relative;
         padding: 15px 20px 0;
-        background-color: #d8dadc;
+        background-color: #e3e6e9;
       }
             a {
         color: #e97b86;

src/views/tab4/index.vue

@@ -19,7 +19,7 @@
           <div class="addBtn" @click="addUser">+ 新增</div>
         </div>
         <el-table
-          :header-cell-style="{ background: '#d8dadc' }"
+          :header-cell-style="{ background: '#e3e6e9' }"
           :data="tableData"
           stripe
           style="width: 100%"
@@ -216,7 +216,7 @@ export default {
     .txt {
       font-weight: 700;
       height: 40px;
-      border-bottom: 2px dashed black;
+      border-bottom: 2px solid #A3A2A9 ;
     }
     .search {
       position: relative;
@@ -252,12 +252,14 @@ export default {
         top: 75px;
       }
     }
-    .table {
+        .table {
+      border-radius: 8px;
+      overflow: hidden;
       margin-top: 25px;
       .title {
         position: relative;
         padding: 15px 20px 0;
-        background-color: #d8dadc;
+        background-color: #e3e6e9;
         .addBtn {
           cursor: pointer;
           display: flex;

src/views/tab5/index.vue

@@ -28,7 +28,7 @@
           <div class="txt">日志列表</div>
         </div>
         <el-table
-          :header-cell-style="{ background: '#d8dadc' }"
+          :header-cell-style="{ background: '#e3e6e9' }"
           :data="tableData"
           stripe
           style="width: 100%"
@@ -200,7 +200,7 @@ export default {
     .txt {
       font-weight: 700;
       height: 40px;
-      border-bottom: 2px dashed black;
+      border-bottom: 2px solid #A3A2A9 ;
     }
     .search {
       position: relative;
@@ -236,12 +236,14 @@ export default {
         top: 75px;
       }
     }
-    .table {
+        .table {
+      border-radius: 8px;
+      overflow: hidden;
       margin-top: 25px;
       .title {
         position: relative;
         padding: 15px 20px 0;
-        background-color: #d8dadc;
+        background-color: #e3e6e9;
       }
     }
     .paging {