From 293c27832ad1a0826f08dd4cfe6ae2b50602556b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Thu, 14 Aug 2025 14:27:07 +0800
Subject: [PATCH] =?UTF-8?q?task=2045334=20=E5=8F=98=E6=9B=B4=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/listingItems/items.css        | 69 +++++++++++++++++++++++-
 static/js/project/listingItems/items2.js | 10 ++++
 view/listingItems/itemsDetail.html       | 17 +++++-
 3 files changed, 94 insertions(+), 2 deletions(-)

diff --git a/static/css/listingItems/items.css b/static/css/listingItems/items.css
index 69922e2..3f4dc2e 100644
--- a/static/css/listingItems/items.css
+++ b/static/css/listingItems/items.css
@@ -664,8 +664,75 @@ input::-webkit-inner-spin-button {
     margin: 0 auto;
     border-radius: 50px;
 }
+.close_dialog2{
+    background: var(--color);
+    color: #ffffff;
+    margin: 0 auto;
+    border-radius: 50px;
+    line-height: 1;
+    width: 20px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    cursor: pointer;
+}
 
 #timeDown{
     font-size: 14px;
     margin-left: 15px;
-}
\ No newline at end of file
+}
+
+.changeText{
+    color: #ac2925;
+    text-decoration: underline;
+    cursor: pointer;
+}
+.changeBox{
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    width: 70%;
+    height: 65%;
+    background-color: #ffffff;
+    padding: 40px 20px 20px;
+    z-index: 999;
+}
+.changeBox div{
+    overflow-y: scroll;
+    width: 100%;
+    height: 100%;
+    padding-right: 2px;
+}
+
+.changeBox div::-webkit-scrollbar {
+    width: 5px;
+}
+
+.changeBox div::-webkit-scrollbar-thumb {
+    background-color: #888; /* 滑块颜色 */
+    border-radius: 6px; /* 圆角 */
+}
+
+.changeBox div::-webkit-scrollbar-track {
+    background-color: #f1f1f1; /* 轨道颜色 */
+}
+.changeBox img{
+    display: block;
+    width: 100%;
+}
+
+.dialog_bg{
+    background-color: rgba(0,0,0,0.5);
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: none;
+    z-index: 99;
+}
diff --git a/static/js/project/listingItems/items2.js b/static/js/project/listingItems/items2.js
index 6e8ec97..eb110d2 100644
--- a/static/js/project/listingItems/items2.js
+++ b/static/js/project/listingItems/items2.js
@@ -50,6 +50,16 @@ define(['jquery', "template", "Tools", 'swiper', 'itemsApi', 'swiper'], function
         tools.doGet(webConfig, {}, module.webConfigInformation, true)
     };
 
+    openChangeImg = function (data) {
+        $('#changeBox').css('display','block')
+        $('#changeBoxBg').css('display','block')
+    }
+
+    closeChangeImg = function (data) {
+        $('#changeBox').css('display','none')
+        $('#changeBoxBg').css('display','none')
+    }
+
     //焦点图数据
     module.focusNewsTop = function (data) {
         if (data.code == 200) {
diff --git a/view/listingItems/itemsDetail.html b/view/listingItems/itemsDetail.html
index acb64c2..91d222b 100644
--- a/view/listingItems/itemsDetail.html
+++ b/view/listingItems/itemsDetail.html
@@ -326,9 +326,24 @@
                                 ¥{{outProjectInformationDetail.ladderPrice}}
                             </td>
                             {{/if}}
-
                         </tr>
+                        {{if outProjectInformationDetail.changeImg.length > 0}}
+                            <tr>
+                                <td><p class="changeText" onclick="openChangeImg()">变更说明</p></td>
+                            </tr>
+                        {{/if}}
                     </table>
+
+                    <div id="changeBoxBg" class="dialog_bg" onclick="closeChangeImg()"></div>
+                    <div id="changeBox" class="changeBox" style="display: none;">
+                        <p class="close_dialog2" onclick="closeChangeImg()">×</p>
+                        <div>
+                        {{each outProjectInformationDetail.changeImg as value i}}
+                            <img src="/api{{value}}" alt="">
+                        {{/each}}
+                        </div>
+                    </div>
+
                 </div>
                 <div class="clear"></div>
             </div>