Procházet zdrojové kódy

fix: APP日志列表样式调整

zhangying před 1 rokem
rodič
revize
cac05edc52
1 změnil soubory, kde provedl 38 přidání a 39 odebrání
  1. 38 39
      h5app/src/views/pages/work/log/list.vue

+ 38 - 39
h5app/src/views/pages/work/log/list.vue

@@ -35,43 +35,44 @@
         <ion-button slot="end" style="height: 33px;width:70px;margin-left: 10px;--box-shadow: none;--border-radius: 14px;" @click="onSearch">搜索</ion-button>
       </ion-item>
       <!-- 滑动数据列表 -->
-      <div v-if="!loading" class="bw-vue-list">
-        <div v-for="(record,key) in dataList" :key="key">
-          <ion-item-sliding style="border-bottom: 1px solid #f1f5f7;border-radius: 0px;">
-            <ion-item>
-              <ion-grid @click="onDetail(record.doWorkID)">
-                <ion-row>
-                  <ion-col>
-                    <ion-label style="display: flex;justify-content: space-between;">
-                      <ion-text>
-                        {{ record.workTime }}工作日志
-                      </ion-text>
-                    </ion-label>
-                  </ion-col>
-                </ion-row>
-                <ion-row>
-                  <ion-col>
-                    <ion-label>
-                      <p>
-                        日志类型:{{ record.logTypeName }}
-                      </p>
-                    </ion-label>
-                  </ion-col>
-                </ion-row>
-              </ion-grid>
-              <span @click="onDetail(record.doWorkID)">
-                <ion-icon :icon="chevronForwardOutline" slots="end"></ion-icon>
-              </span>
-            </ion-item>
-            <ion-item-options>
-              <ion-item-option @click="onEdit(record.doWorkID)">
-                <ion-icon :icon="buildOutline"></ion-icon>
-              </ion-item-option>
-              <ion-item-option color="danger" @click="setDelAlertOpen(true, record.doWorkID)">
-                <ion-icon :icon="trashOutline"></ion-icon>
-              </ion-item-option>
-            </ion-item-options>
-          </ion-item-sliding>
+      <div class="bw-vue-list">
+        <div class="list-content">
+          <ion-list>
+            <div v-for="(record,key) in dataList" :key="key">
+              <ion-item-sliding>
+                <ion-item detail @click="onDetail(record)">
+                  <ion-grid @click="onDetail(record.doWorkID)">
+                    <ion-row>
+                      <ion-col>
+                        <ion-label style="display: flex;justify-content: space-between;">
+                          <ion-text>
+                            {{ record.workTime }}工作日志
+                          </ion-text>
+                        </ion-label>
+                      </ion-col>
+                    </ion-row>
+                    <ion-row>
+                      <ion-col>
+                        <ion-label>
+                          <p>
+                            日志类型:{{ record.logTypeName }}
+                          </p>
+                        </ion-label>
+                      </ion-col>
+                    </ion-row>
+                  </ion-grid>
+                </ion-item>
+                <ion-item-options>
+                  <ion-item-option @click="onEdit(record.doWorkID)">
+                    <ion-icon :icon="buildOutline"></ion-icon>
+                  </ion-item-option>
+                  <ion-item-option color="danger" @click="setDelAlertOpen(true, record.doWorkID)">
+                    <ion-icon :icon="trashOutline"></ion-icon>
+                  </ion-item-option>
+                </ion-item-options>
+              </ion-item-sliding>
+            </div>
+          </ion-list>
         </div>
       </div>
       <b-empty v-if="dataList.length<=0" :loading="loading"/>
@@ -325,9 +326,7 @@ export default defineComponent({
     border-radius: 0 !important;
 
     ion-item {
-      margin-top: 10px;
       font-size: 14px;
-      border: 1px solid rgb(242, 242, 245);
 
       p {
         font-size: 12px;