task 45334 变更说明

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;
-}
+}
+
+.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;
+}

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) {

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>