From 204444e01d96d8f526e4cc3fc9ef382d488b35e1 Mon Sep 17 00:00:00 2001
From: yanfeiyong <2060201549@qq.com>
Date: Thu, 6 Mar 2025 11:28:35 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E8=AF=A6=E6=83=85=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E7=9A=84=E9=85=8D=E8=89=B2=E4=BB=A5=E5=8F=8Atable?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |  12 ++-
 .../images/detailsicon/icon-bf@2x (1).png     | Bin 0 -> 5947 bytes
 src/assets/images/icon-bf@2x.png              | Bin 5835 -> 0 bytes
 src/layout/index.vue                          |   1 +
 .../components/ProjectDetails/Buildings.vue   |   3 +
 src/views/components/ProjectDetails/Liver.vue |  37 ++++++---
 .../components/ProjectDetails/Models.vue      |   2 +-
 .../components/ProjectDetails/Projectgift.vue |  18 ++--
 .../ProjectDetails/Projectpicture.vue         |  19 ++---
 .../ProjectDetails/Projectpicturetwo.vue      |  25 ++++++
 src/views/manage/details/index.vue            |  77 ++++++++++++-----
 src/views/manage/information/index.vue        |  78 +++++++++++++++---
 12 files changed, 204 insertions(+), 68 deletions(-)
 create mode 100644 src/assets/images/detailsicon/icon-bf@2x (1).png
 delete mode 100644 src/assets/images/icon-bf@2x.png
 create mode 100644 src/views/components/ProjectDetails/Projectpicturetwo.vue

diff --git a/src/App.vue b/src/App.vue
index b92ea37..b4b784d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,8 +21,18 @@ export default {
   }
 };
 </script>
-<style scoped>
+<style >
 #app .theme-picker {
   display: none;
 }
+/* 项目详情中的表单label */
+.el-descriptions-item__label.is-bordered-label {
+  background: #F4F7FE !important; 
+  width: 13.13rem;
+  font-size: 0.5rem;
+}
+.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell{
+  width: 13.13rem;
+  font-size: 0.88rem;
+}
 </style>
diff --git a/src/assets/images/detailsicon/icon-bf@2x (1).png b/src/assets/images/detailsicon/icon-bf@2x (1).png
new file mode 100644
index 0000000000000000000000000000000000000000..094527e1ab2bd1877a83ea37f9375030e4ef7e6d
GIT binary patch
literal 5947
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-bf@2x.png b/src/assets/images/icon-bf@2x.png
deleted file mode 100644
index b97cc756b59a94ca5ac7b9739f33acffb920981c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5835
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
VOel^<EHnTB002ovPDHLkV1lK8k#qn6

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 0320786..1478e97 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -20,6 +20,7 @@
     <right-panel>
       <settings/> <!-- 设置面板组件 -->
     </right-panel>
+    <el-backtop target=".main-container"></el-backtop>
   </div>
 </template>
 
diff --git a/src/views/components/ProjectDetails/Buildings.vue b/src/views/components/ProjectDetails/Buildings.vue
index a56b2a6..80464a9 100644
--- a/src/views/components/ProjectDetails/Buildings.vue
+++ b/src/views/components/ProjectDetails/Buildings.vue
@@ -248,6 +248,9 @@ export default {
     display: flex;
     align-items: center;
     justify-content: space-around;
+    background-color: #FAFAFA;
+    color: #808080;
+    border: none;
 }
 .el-tag+.el-tag {
     margin-left: 10px;
diff --git a/src/views/components/ProjectDetails/Liver.vue b/src/views/components/ProjectDetails/Liver.vue
index 53f6e1e..8c9f9fa 100644
--- a/src/views/components/ProjectDetails/Liver.vue
+++ b/src/views/components/ProjectDetails/Liver.vue
@@ -7,26 +7,24 @@
                 <span>现场实况</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" plain
+                    style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="">
+                    <img src="../../../assets/images/detailsicon/icon-xz@2x.png" alt="编辑"
+                        style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
+                    新增
+                </el-button>
             </div>
         </div>
         <!-- 视频 -->
         <div class="image-container">
             <div v-for="(image, index) in images" :key="index" class="image-box">
                 <img :src="image.src" alt="项目录像" class="image">
+                <!-- 播放按钮 -->
+                <div class="player-button">
+                    <img src="../../../assets/images/detailsicon/icon-bf@2x (1).png" alt="">
+                </div>
                 <!-- 关闭按钮 -->
-                <div class = "close-button" @click="removeImage(index)"> 
+                <div class="close-button" @click="removeImage(index)">
                     <img src="../../../assets/images/detailsicon/icon-关闭@2x.png" alt="">
                 </div>
                 <!-- 播放按钮 -->
@@ -129,9 +127,22 @@ export default {
     top: 0.2rem;
     right: 0.2rem;
 }
+
 .close-button img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
+
+.player-button {
+    position: absolute;
+    top: 4.8rem;
+    left: 8.8rem;
+    width: 25%;
+}
+
+.player-button img {
+    width: 4.19rem;
+    height: 4.19rem;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Models.vue b/src/views/components/ProjectDetails/Models.vue
index 29332b6..08b1e92 100644
--- a/src/views/components/ProjectDetails/Models.vue
+++ b/src/views/components/ProjectDetails/Models.vue
@@ -137,7 +137,7 @@ export default {
 }
 
 .left-column {
-  border-right: 1px solid black;
+  border-right: 1px solid #ccc;
 }
 
 .right-columns {
diff --git a/src/views/components/ProjectDetails/Projectgift.vue b/src/views/components/ProjectDetails/Projectgift.vue
index b22354e..3f557cf 100644
--- a/src/views/components/ProjectDetails/Projectgift.vue
+++ b/src/views/components/ProjectDetails/Projectgift.vue
@@ -7,18 +7,12 @@
                 <span>项目巡礼</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" plain
+                    style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="">
+                    <img src="../../../assets/images/detailsicon/icon-xz@2x.png" alt="编辑"
+                        style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
+                    新增
+                </el-button>
             </div>
         </div>
         <!-- 图片盒子容器 -->
diff --git a/src/views/components/ProjectDetails/Projectpicture.vue b/src/views/components/ProjectDetails/Projectpicture.vue
index af7a868..a74cdfd 100644
--- a/src/views/components/ProjectDetails/Projectpicture.vue
+++ b/src/views/components/ProjectDetails/Projectpicture.vue
@@ -13,12 +13,6 @@
                         style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
                     编辑
                 </el-button>
-                <el-button type="primary" size="mini" plain
-                    style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;">
-                    <img src="../../../assets/images/detailsicon/icon-dc@2x.png" alt="编辑"
-                        style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
-                    导出
-                </el-button>
             </div>
         </div>
         <!-- 内容区 -->
@@ -28,10 +22,12 @@
             </div>
             <div class="descriptionsdiv">
                 <div>评价等级</div>
-                <el-descriptions  direction="vertical" :column="4" border>
-                    <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-                    <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-                </el-descriptions>
+                <div class="tablebody">
+                    <el-descriptions  direction="vertical" :column="4" border>
+                        <el-descriptions-item label="评价要素">kooriookami</el-descriptions-item>
+                        <el-descriptions-item label="评价排名">18100000000</el-descriptions-item>
+                    </el-descriptions>
+                </div>
             </div>
         </div>
     </div>
@@ -161,4 +157,7 @@ export default {
 .two-row-item {
     height: 20rem;
 }
+.tablebody {
+    margin-top: 2rem;
+}
 </style>
diff --git a/src/views/components/ProjectDetails/Projectpicturetwo.vue b/src/views/components/ProjectDetails/Projectpicturetwo.vue
new file mode 100644
index 0000000..7d2c5b0
--- /dev/null
+++ b/src/views/components/ProjectDetails/Projectpicturetwo.vue
@@ -0,0 +1,25 @@
+<template>
+    <el-descriptions title="自定义样式列表" :column="3" border>
+      <el-descriptions-item label="用户名" label-class-name="my-label" content-class-name="my-content">
+        kooriookami
+      </el-descriptions-item>
+      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
+      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
+      <el-descriptions-item label="备注">
+        <el-tag size="small">学校</el-tag>
+      </el-descriptions-item>
+      <el-descriptions-item label="联系地址" :contentStyle="{'text-align': 'right'}">
+        江苏省苏州市吴中区吴中大道 1188 号
+      </el-descriptions-item>
+    </el-descriptions>
+  </template>
+  
+  <style>
+  :deep(.my-label) {
+    background: #E1F3D8 !important; 
+  }
+  
+  .my-content {
+    background: #FDE2E2;
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/manage/details/index.vue b/src/views/manage/details/index.vue
index 5113ed3..05bfc4f 100644
--- a/src/views/manage/details/index.vue
+++ b/src/views/manage/details/index.vue
@@ -2,16 +2,8 @@
     <div class="containerbody">
         <!-- 目录 -->
         <div class="containerhead">
-            <el-menu
-                :default-active="activeSection"
-                mode="horizontal"
-                @select="scrollToSection"
-            >
-                <el-menu-item
-                    v-for="(item, index) in sections"
-                    :key="index"
-                    :index="item.id"
-                >
+            <el-menu :default-active="activeSection" mode="horizontal" @select="scrollToSection" class="custom-menu">
+                <el-menu-item v-for="(item, index) in sections" :key="index" :index="item.id" class="custom-menu-item">
                     {{ item.label }}
                 </el-menu-item>
             </el-menu>
@@ -30,22 +22,24 @@
         <Companyenter id="companyenter"></Companyenter>
         <!-- 项目画像 -->
         <Projectpicture id="projectpicture"></Projectpicture>
+        <!-- 项目图例 -->
+        <Projectpicturetwo id="projectpicturetwo"></Projectpicturetwo>
         <!-- 项目巡礼 -->
         <Projectgift id="projectgift"></Projectgift>
         <!-- 现场实况 -->
         <Liver id="liver"></Liver>
         <!-- 项目备忘录 -->
         <Memo id="memo"></Memo>
-
-        <el-backtop 
-        target="body">
-        </el-backtop>
+        <!-- 其他信息 -->
+        <Memo id="others"></Memo>
+        <!-- 返回顶部 -->
+        <!-- <el-backtop target=".backtop"></el-backtop> -->
     </div>
 </template>
 
 <script>
 import Basic from '../../components/ProjectDetails/Basic.vue';
-import Buildings from '../../components/ProjectDetails/Buildings.vue'; 
+import Buildings from '../../components/ProjectDetails/Buildings.vue';
 import Companyenter from '../../components/ProjectDetails/companyenter.vue';
 import Liver from '../../components/ProjectDetails/Liver.vue';
 import Memo from '../../components/ProjectDetails/Memo.vue';
@@ -54,6 +48,7 @@ import Months from '../../components/ProjectDetails/Months.vue';
 import Programme from '../../components/ProjectDetails/Programme.vue';
 import Projectgift from '../../components/ProjectDetails/Projectgift.vue';
 import Projectpicture from '../../components/ProjectDetails/Projectpicture.vue';
+import Projectpicturetwo from '../../components/ProjectDetails/Projectpicturetwo.vue';
 
 export default {
     components: {
@@ -66,7 +61,8 @@ export default {
         Months,
         Programme,
         Projectgift,
-        Projectpicture
+        Projectpicture,
+        Projectpicturetwo
     },
     data() {
         return {
@@ -79,9 +75,11 @@ export default {
                 { id: 'months', label: '月度进展信息' },
                 { id: 'companyenter', label: '企业入驻信息' },
                 { id: 'projectpicture', label: '项目画像' },
+                { id: 'projectpicturetwo', label: '项目图例' },
                 { id: 'projectgift', label: '项目巡礼' },
                 { id: 'liver', label: '现场实况' },
-                { id: 'memo', label: '项目备忘录' }
+                { id: 'memo', label: '项目备忘录' },
+                { id: 'others', label: '其他信息' }
             ]
         };
     },
@@ -102,12 +100,13 @@ export default {
 
 <style scoped>
 .containerbody {
+    height: auto;
     padding: .3rem .5rem;
     display: flex;
     flex-direction: column;
-    gap: 2rem;
-    position: relative; 
-    overflow: auto; 
+    gap: 1rem;
+    position: relative;
+    overflow: auto;
 }
 
 .containerhead {
@@ -119,4 +118,42 @@ export default {
     box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
 }
+
+
+.custom-menu {
+    margin: 1rem;
+    display: flex;
+    gap: 1rem;
+    border: none;
+}
+
+.custom-menu-item {
+    color: #3D424C;
+    width: 7.25rem;
+    height: 2rem;
+    background: #F4F7FE;
+    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* 高亮 */
+.custom-menu-item.is-active {
+    background-color: #2B62F1;
+    color: #fff !important;
+}
+
+/* 悬停 */
+.custom-menu-item:hover {
+    background-color: #2B62F1;
+    color: #fff !important;
+}
+
+/* 默认的下划线 */
+.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
+    background-color: #2B62F1;
+    border-bottom: none;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/manage/information/index.vue b/src/views/manage/information/index.vue
index ff7464c..74445cc 100644
--- a/src/views/manage/information/index.vue
+++ b/src/views/manage/information/index.vue
@@ -6,7 +6,7 @@
         <el-row>
           <el-col :span="5">
             <el-form-item label="项目名称" prop="postName" style="width: 100%;">
-              <el-input v-model="queryParams.postName" placeholder="请输入项目名称" clearable 
+              <el-input v-model="queryParams.postName" placeholder="请输入项目名称" clearable
                 @keyup.enter.native="handleQuery" />
             </el-form-item>
           </el-col>
@@ -18,15 +18,15 @@
           </el-col>
           <el-col :span="5">
             <el-form-item label="现状分类" prop="status">
-              <el-select v-model="queryParams.status" placeholder="现状分类" clearable >
+              <el-select v-model="queryParams.status" placeholder="现状分类" clearable>
                 <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
-                :value="dict.value" />
+                  :value="dict.value" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="活动区域">
-              <el-select v-model="form.region" placeholder="请选择活动区域" >
+              <el-select v-model="form.region" placeholder="请选择活动区域">
                 <el-option label="区域一" value="shanghai"></el-option>
                 <el-option label="区域二" value="beijing"></el-option>
               </el-select>
@@ -49,8 +49,8 @@
       <div class="tablehead">
         <div class="headtitle"><span>项目清单</span></div>
         <div class="headbtn">
-          <el-button type="primary"  icon="el-icon-search">下载模板</el-button>
-          <el-button type="primary"  icon="el-icon-search">批量导入</el-button>
+          <el-button type="primary" icon="el-icon-search">下载模板</el-button>
+          <el-button type="primary" icon="el-icon-upload2" size="mini" @click="handleImport">批量导入</el-button>
         </div>
       </div>
       <!-- 导出行 -->
@@ -95,9 +95,9 @@
           </template>
         </el-table-column>
       </el-table>
+      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        @pagination="getList" />
     </div>
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-      @pagination="getList" />
 
     <!-- 添加或修改项目对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@@ -126,6 +126,25 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 批量导入对话框                     :headers="upload.headers"    -->
+    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+      <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" 
+        :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div class="el-upload__tip text-center" slot="tip">
+          <!-- <div class="el-upload__tip" slot="tip">
+                <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
+              </div> -->
+          <span>仅允许导入xls、xlsx格式文件。</span>
+        </div>
+      </el-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFileForm">确 定</el-button>
+        <el-button @click="upload.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -176,13 +195,49 @@ export default {
         postSort: [
           { required: true, message: "项目顺序不能为空", trigger: "blur" }
         ]
-      }
+      },
+      // 用户导入参数
+      upload: {
+        // 是否显示弹出层（用户导入）
+        open: false,
+        // 弹出层标题（用户导入）
+        title: "移动应用程序资产导入",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        // headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/tc/assetApp/importData"
+        // url: location.origin + "/api/tc/assetApp/importData"
+      },
     };
   },
   created() {
     this.getList();
   },
   methods: {
+    // 导入
+    handleImport() {
+      this.upload.open = true;
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.open = false;
+      this.upload.isUploading = false;
+      this.$refs.upload.clearFiles();
+      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
+      this.getList();
+    },
+    // 提交上传文件
+    submitFileForm() {
+      this.$refs.upload.submit();
+    },
     /** 查询项目列表 */
     getList() {
       this.loading = true;
@@ -269,7 +324,7 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const postIds = row.postId || this.ids;
-      this.$modal.confirm('是否确认删除项目编号为"' + postIds + '"的数据项？').then(function () {
+      this.$modal.confirm('是否确认删除项目编号为"' + postIds + '"的数据项？' + '删除这条信息之后有可能找不回来了，请思考一下哟！'  ).then(function () {
         return delPost(postIds);
       }).then(() => {
         this.getList();
@@ -313,7 +368,8 @@ export default {
 .headbtn {
   display: flex;
 }
-.tablebtntwo{
+
+.tablebtntwo {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }