Parcourir la Source

意见反馈页面样式修改

lixp11 4 ans auparavant
Parent
commit
524435650d

+ 1 - 1
2021/ng-srb/biz/js/pages/feedback-new.js

@ -69,7 +69,7 @@ require(["ipuUI", "jquery"], function (ipuUI, $) {
69 69
70 70
    // 提交意见反馈,回到意见反馈首页
71 71
    $(".feedback-commit").click(function () {
72
      location.href = "feedback-list.html";
72
      location.href = "feedback.html";
73 73
    });
74 74
  });
75 75
});

+ 45 - 49
2021/ng-srb/feedback-detail.html

@ -52,68 +52,64 @@
52 52
        </div>
53 53
      </div>
54 54
55
      <div class="feedback-card">
55
      <div class="feedback-card feedback-card-reporter">
56 56
        <div class="feedback-card-content">
57 57
          <div class="ipu-list ipu-list-form">
58
            <ul>
59
              <li class="ipu-list-item">
60
                <div class="ipu-list-item-inner">
61
                  <div class="ipu-list-item-label">
62
                    上报人电话
63
                  </div>
64
                  <div class="ipu-list-item-input-wrap">138****4442</div>
58
            <div class="ipu-list-item">
59
              <div class="ipu-list-item-inner">
60
                <div class="ipu-list-item-label">
61
                  上报人电话
65 62
                </div>
66
              </li>
67
              <li class="ipu-list-item">
68
                <div class="ipu-list-item-inner">
69
                  <div class="ipu-list-item-label">
70
                    上报人姓名
71
                  </div>
72
                  <div class="ipu-list-item-input-wrap">
73
                    老王
74
                  </div>
63
                <div class="ipu-list-item-input-wrap">138****4442</div>
64
              </div>
65
            </div>
66
            <div class="ipu-list-item ipu-fn-bd-t">
67
              <div class="ipu-list-item-inner">
68
                <div class="ipu-list-item-label">
69
                  上报人姓名
70
                </div>
71
                <div class="ipu-list-item-input-wrap">
72
                  老王
75 73
                </div>
76
              </li>
77
              <li class="ipu-list-item">
78
                <div class="ipu-list-item-inner">
79
                  <div class="ipu-list-item-label">
80
                    上报人邮箱
81
                  </div>
82
                  <div class="ipu-list-item-input-wrap">
83
                    laowangt@qq.com
84
                  </div>
74
              </div>
75
            </div>
76
            <div class="ipu-list-item ipu-fn-bd-t">
77
              <div class="ipu-list-item-inner">
78
                <div class="ipu-list-item-label">
79
                  上报人邮箱
85 80
                </div>
86
              </li>
87
            </ul>
81
                <div class="ipu-list-item-input-wrap">
82
                  laowangt@qq.com
83
                </div>
84
              </div>
85
            </div>
88 86
          </div>
89 87
        </div>
90 88
      </div>
91 89
92
      <div class="feedback-card">
90
      <div class="feedback-card feedback-card-leader">
93 91
        <div class="feedback-card-content">
94 92
          <div class="ipu-list ipu-list-form">
95
            <ul>
96
              <li class="ipu-list-item">
97
                <div class="ipu-list-item-inner">
98
                  <div class="ipu-list-item-label">
99
                    直属领导姓名
100
                  </div>
101
                  <div class="ipu-list-item-input-wrap">
102
                    大王
103
                  </div>
93
            <div class="ipu-list-item">
94
              <div class="ipu-list-item-inner">
95
                <div class="ipu-list-item-label">
96
                  直属领导姓名
104 97
                </div>
105
              </li>
106
              <li class="ipu-list-item">
107
                <div class="ipu-list-item-inner">
108
                  <div class="ipu-list-item-label">
109
                    直属领导邮箱
110
                  </div>
111
                  <div class="ipu-list-item-input-wrap">
112
                    laowangt@qq.com
113
                  </div>
98
                <div class="ipu-list-item-input-wrap">
99
                  大王
114 100
                </div>
115
              </li>
116
            </ul>
101
              </div>
102
            </div>
103
            <div class="ipu-list-item ipu-fn-bd-t">
104
              <div class="ipu-list-item-inner">
105
                <div class="ipu-list-item-label">
106
                  直属领导邮箱
107
                </div>
108
                <div class="ipu-list-item-input-wrap">
109
                  laowangt@qq.com
110
                </div>
111
              </div>
112
            </div>
117 113
          </div>
118 114
        </div>
119 115
      </div>

+ 31 - 35
2021/ng-srb/feedback-new.html

@ -54,48 +54,45 @@
54 54
        </div>
55 55
      </div>
56 56
57
      <div class="feedback-card">
57
      <div class="feedback-card feedback-card-reporter">
58 58
        <div class="feedback-card-content">
59 59
          <div class="ipu-list ipu-list-form">
60
            <ul>
61
              <li class="ipu-list-item">
62
                <div class="ipu-list-item-inner">
63
                  <div class="ipu-list-item-label">
64
                    上报人电话
65
                  </div>
66
                  <div class="ipu-list-item-input-wrap">138****4442</div>
60
            <div class="ipu-list-item">
61
              <div class="ipu-list-item-inner">
62
                <div class="ipu-list-item-label">
63
                  上报人电话
67 64
                </div>
68
              </li>
69
              <li class="ipu-list-item">
70
                <div class="ipu-list-item-inner">
71
                  <div class="ipu-list-item-label">
72
                    上报人姓名
73
                  </div>
74
                  <div class="ipu-list-item-input-wrap">
75
                    <input class="ipu-list-item-input" type="text" placeholder="请输入姓名">
76
                  </div>
65
                <div class="ipu-list-item-input-wrap">138****4442</div>
66
              </div>
67
            </div>
68
            <div class="ipu-list-item ipu-fn-bd-t">
69
              <div class="ipu-list-item-inner">
70
                <div class="ipu-list-item-label">
71
                  上报人姓名
77 72
                </div>
78
              </li>
79
              <li class="ipu-list-item">
80
                <div class="ipu-list-item-inner">
81
                  <div class="ipu-list-item-label">
82
                    上报人邮箱
83
                  </div>
84
                  <div class="ipu-list-item-input-wrap">
85
                    <input class="ipu-list-item-input" type="text" placeholder="请输入邮箱">
86
                  </div>
73
                <div class="ipu-list-item-input-wrap">
74
                  <input class="ipu-list-item-input" type="text" placeholder="请输入姓名">
87 75
                </div>
88
              </li>
89
            </ul>
76
              </div>
77
            </div>
78
            <div class="ipu-list-item ipu-fn-bd-t">
79
              <div class="ipu-list-item-inner">
80
                <div class="ipu-list-item-label">
81
                  上报人邮箱
82
                </div>
83
                <div class="ipu-list-item-input-wrap">
84
                  <input class="ipu-list-item-input" type="text" placeholder="请输入邮箱">
85
                </div>
86
              </div>
87
            </div>
90 88
          </div>
91 89
        </div>
92 90
      </div>
93 91
94
      <div class="feedback-card">
92
      <div class="feedback-card feedback-card-leader">
95 93
        <div class="feedback-card-content">
96 94
          <div class="ipu-list ipu-list-form">
97
            <ul>
98
              <li class="ipu-list-item">
95
              <div class="ipu-list-item">
99 96
                <div class="ipu-list-item-inner">
100 97
                  <div class="ipu-list-item-label">
101 98
                    直属领导姓名
@ -104,8 +101,8 @@
104 101
                    <input class="ipu-list-item-input" type="text" placeholder="非必填">
105 102
                  </div>
106 103
                </div>
107
              </li>
108
              <li class="ipu-list-item">
104
              </div>
105
              <div class="ipu-list-item ipu-fn-bd-t">
109 106
                <div class="ipu-list-item-inner">
110 107
                  <div class="ipu-list-item-label">
111 108
                    直属领导邮箱
@ -114,8 +111,7 @@
114 111
                    <input class="ipu-list-item-input" type="text" placeholder="非必填">
115 112
                  </div>
116 113
                </div>
117
              </li>
118
            </ul>
114
              </div>
119 115
          </div>
120 116
        </div>
121 117
      </div>

+ 3 - 35
2021/ng-srb/feedback-list.html

@ -10,7 +10,7 @@
10 10
  <script src="ipu/lib/requirejs/require.js"></script>
11 11
  <script src="biz/js/require-config.js"></script>
12 12
</head>
13
<body class="pages-feedback-list">
13
<body class="pages-feedback">
14 14
15 15
  <div class="ipu-flex-vertical ipu-flex-row">
16 16
    <div class="ipu-flex-col">
@ -56,44 +56,12 @@
56 56
                </div>
57 57
                <div class="feedback-item-detail">
58 58
                  <div class="feedback-item-detail-tip">查看详情</div>
59
                  <div class="feedback-item-detail-date">2021.01.19</div>
60
                </div>
61
              </div>
62
63
              <div class="feedback-item">
64
                <div class="feedback-item-preview ipu-fn-bd-b">
65
                  <div class="feedback-item-preview-state"></div>
66
                  <div class="feedback-item-preview-text ipu-fn-row">关于我的反馈,填写提交内容后,提交失失败</div>
67
                </div>
68
                <div class="feedback-item-detail">
69
                  <div class="feedback-item-detail-tip">查看详情</div>
70
                  <div class="feedback-item-detail-date">2021.01.18</div>
71
                </div>
72
              </div>
73
74
              <div class="feedback-item">
75
                <div class="feedback-item-preview ipu-fn-bd-b">
76
                  <div class="feedback-item-preview-state"></div>
77
                  <div class="feedback-item-preview-text ipu-fn-row">关于我的反馈,填写提交内容后,提交失失败</div>
78
                </div>
79
                <div class="feedback-item-detail">
80
                  <div class="feedback-item-detail-tip">查看详情</div>
81
                  <div class="feedback-item-detail-date">2021.01.18</div>
59
                  <div class="feedback-item-detail-date">2021.01.20</div>
82 60
                </div>
83 61
              </div>
84 62
85
              <div class="feedback-item">
86
                <div class="feedback-item-preview ipu-fn-bd-b">
87
                  <div class="feedback-item-preview-state"></div>
88
                  <div class="feedback-item-preview-text ipu-fn-row">关于我的反馈,填写提交内容后,提交失失败</div>
89
                </div>
90
                <div class="feedback-item-detail">
91
                  <div class="feedback-item-detail-tip">查看详情</div>
92
                  <div class="feedback-item-detail-date">2021.01.18</div>
93
                </div>
94
              </div>
95 63
            </div>
96
            <div class="no-result-msg">当前反馈为空</div>
64
            <div class="no-result-msg ipu-txt-center">当前反馈为空</div>
97 65
          </div>
98 66
        </div>
99 67
      </div>