Merge branch '云南五彩' of http://git.xlyprint.cn/xlyErp/xlyUmi into 云南五彩

chenxt
2 parents fd9771cf 4e2a452d
Showing 1 changed file with 64 additions and 4 deletions
src/mobile/common/CommobileList.js
@@ -328,10 +328,70 @@ class CommobileList extends React.Component {
         <div className={styles.listViewStyle}>
           <ListView
             dataSource={slaveData}
-            renderFooter={() => (
-              <div style={{ padding: 30, textAlign: 'center' }}>
-                {this.state.isLoading ? '加载中...' : '加载完毕'}
-              </div>)}
+            renderFooter={() => {
+              const { isLoading } = this.state;
+              const sEmployeeFace =  commonUtils.isNotEmptyArr(slaveDataOld) ? slaveDataOld[0].sEmployeeFace : '';
+
+              if (isLoading) {
+                return (
+                  <div style={{ padding: 30, textAlign: 'center' }}>
+                    加载中...
+                  </div>
+                );
+              }
+
+              // 2. 加载完成 → 判断是不是指定页面
+              if (this.props.sModelsId === '172117190122117661213659540' && sEmployeeFace) {
+                const statusList = sEmployeeFace
+                  ?.split(',')
+                  ?.filter(item => item.trim() !== '') || [];
+
+                // 显示：加载完毕 + 员工状态列表
+                return (
+                  <div>
+                    {/* 第一行：加载完毕 */}
+                    <div style={{ padding: '10px 30px', textAlign: 'center', fontSize: 14, color: '#666' }}>
+                      加载完毕
+                    </div>
+
+                    {/* 第二部分：员工状态卡片 */}
+                    <div style={{
+                      padding: '16px 20px',
+                      textAlign: 'left',
+                      backgroundColor: '#f7f8fa',
+                      borderRadius: '8px',
+                      margin: '12px 1px',
+                      boxShadow: '0 1px 3px rgba(0,0,0,0.05)',
+                    }}>
+                      {statusList.length === 0 ? (
+                        <div style={{ fontSize: 15, color: '#999' }}>暂无员工状态</div>
+                      ) : (
+                        statusList.map((item, index) => (
+                          <div
+                            key={index}
+                            style={{
+                              fontSize: 15,
+                              color: '#ff0000',
+                              lineHeight: '24px',
+                              marginBottom: index === statusList.length - 1 ? 0 : '6px'
+                            }}
+                          >
+                            {item.trim()}
+                          </div>
+                        ))
+                      )}
+                    </div>
+                  </div>
+                );
+              }
+
+              // 3. 其他页面：只显示加载完毕
+              return (
+                <div style={{ padding: 30, textAlign: 'center' }}>
+                  加载完毕
+                </div>
+              );
+            }}
             renderRow={row}
             renderSeparator={separator}
             style={{