投诉详情页面样式修改

1 year ago · 17db706559
1 changed files with 45 additions and 3 deletions
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/complaintStatic/details.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/complaintStatic/details.html
@ -18,6 +18,48 @@
        .tab-content.active {
            display: block;
        }
+
+        .statit > span {
+            margin: 1% 5% 0 0;
+        }
+
+        .layui-timeline-item:before {
+            content: '';
+            position: absolute;
+            left: 5px;
+            top: 15px;
+            z-index: 0;
+            width: 2px;
+            height: 100%;
+            background-color: #23c173;
+        }
+
+        .layui-timeline-axis {
+            display: none;
+        }
+
+        .status-img {
+            position: absolute;
+            top: -8px;
+            left: -10px;
+            padding-top: 15px;
+            height: 50px;
+            background: #fff;
+        }
+
+        .status-img.active {
+            left: -15px;
+            height: 60px;
+        }
+
+        .layui-text ul li {
+            margin-top: 10px;
+        }
+
+        .layui-text ul li strong {
+            color: #323232;
+        }
+
    </style>
 </head>
 <body>
@ -37,8 +79,8 @@
                                <div class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis" th:if="${status.first}"></i>
                                    <i class="layui-icon layui-timeline-axis" th:if="${!status.first}" style="color: rgba(0,0,0,0.5)"></i>
-<!--                                    <img src="/img/icon_doing.png" th:if="${status.first}"/>-->
-<!--                                    <img src="/img/icon_done.png" th:if="${!status.first}"/>-->
+                                    <span class="status-img active"><img src="/img/icon_doing.png" th:if="${status.first}"/></span>
+                                    <span class="status-img"><img src="/img/icon_done.png" th:if="${!status.first}"/></span>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title"
                                            th:text="${mssqOrderFlow.appOrgShortname}"></h3>
@ -113,7 +155,7 @@
                <div class="form-group">
                    <label class="col-sm-3 control-label">授权状态：</label>
                    <div class="col-sm-8" th:if="${complaintStatistics.enterpriseComplaint.authorization==1}"
-                         style="padding: 6px">
+                         style="padding: 6px 15px;">
                        <input type="checkbox" title="同意" lay-text="同意" checked disabled><label
                            style="margin-left: 10px;margin-right: 15px;">同意</label>
                        <input type="checkbox" title="不同意" disabled><label