warrior 8 months ago
parent
commit
f4bcdcdcc6

+ 74 - 68
projects/textbook/src/modules/nav-admin/page-process/process-list/process-list.component.html

@@ -110,10 +110,11 @@
         [nzLoading]="loading"
         nzSize="middle"
         [nzNoResult]="emptyResult"
+        nzTableLayout="fixed"
       >
         <thead>
           <tr>
-            <th
+            <th nzEllipsis
               nzWidth="50px"
               nzLeft
               [nzChecked]="checkedAll"
@@ -121,26 +122,25 @@
               nzLabel="Select all"
               (nzCheckedChange)="onAllChecked($event)"
             ></th>
-            <th nzWidth="120px" nzLeft>流程名称</th>
-            <th nzWidth="120px">流程code</th>
-            <th nzWidth="120px">流程描述</th>
-            <th nzWidth="80px">申报限额</th>
-            <th nzWidth="120px">流程联系人</th>
-            <th nzWidth="80px">流程状态</th>
-            <th nzWidth="50px" nzRight>操作</th>
+            <th nzEllipsis nzWidth="120px" nzLeft>流程名称</th>
+            <th nzEllipsis nzWidth="120px">流程code</th>
+            <th nzEllipsis nzWidth="120px">流程描述</th>
+            <th nzEllipsis nzWidth="80px">申报限额</th>
+            <th nzEllipsis nzWidth="120px">流程联系人</th>
+            <th nzEllipsis nzWidth="80px">流程状态</th>
+            <th nzEllipsis nzWidth="50px" nzRight>操作</th>
           </tr>
         </thead>
         <tbody>
           @for (data of eduProcessList; track data.objectId) {
           <tr>
-            <td
+            <td nzEllipsis
               nzLeft
               [nzChecked]="data.checked"
               (nzCheckedChange)="onItemChecked(data.objectId, $event)"
             ></td>
-            <td
+            <td nzEllipsis
               nzLeft
-              nzEllipsis
               (click)="
                 toUrl('/nav-admin/manage/process/page', {
                   id: data?.objectId
@@ -150,22 +150,24 @@
             >
               {{ data?.name || "-" }}
             </td>
-            <td>
-              {{ data?.code || '-' }}
+            <td nzEllipsis>
+              {{ data?.code || "-" }}
             </td>
-            <td>
-              {{ data?.desc || '-' }}
+            <td nzEllipsis>
+              {{ data?.desc || "-" }}
             </td>
-            <td>
-              {{ data?.num || '-' }}
+            <td nzEllipsis>
+              {{ data?.num || "-" }}
             </td>
-            <td>
-              {{ data?.profileSubmitted?.user.name || '-'}}
+            <td nzEllipsis>
+              {{ data?.profileSubmitted?.user.name || "-" }}
             </td>
-            <td>
-              <nz-tag [nzColor]="data?.state.color"> {{ data?.state.title}}</nz-tag>
+            <td nzEllipsis>
+              <nz-tag [nzColor]="data?.state.color">
+                {{ data?.state.title }}</nz-tag
+              >
             </td>
-            <td nzRight>
+            <td nzEllipsis nzRight>
               <button
                 nz-button
                 nz-dropdown
@@ -177,52 +179,56 @@
               <nz-dropdown-menu #menu="nzDropdownMenu">
                 <ul nz-menu>
                   @if (data.state?.strat){
-                    <li nz-menu-item>
-                      <button
-                        nz-button
-                        [disabled]="user?.get('isDeleted')"
-                        nzType="link"
-                        style="color: #231c1f"
-                      >
-                      <span nz-icon nzType="caret-right" nzTheme="outline"></span>开始流程
-                      </button>
-                    </li>
-                  }
-                  @if (data.state?.stop){
-                    <li nz-menu-item>
-                      <button
-                        nz-button
-                        [disabled]="user?.get('isDeleted')"
-                        nzType="link"
-                        style="color: #231c1f"
-                      >
-                      <span nz-icon nzType="pause-circle" nzTheme="outline"></span>暂停流程
-                      </button>
-                    </li>
-                  }
-                  @if (data.state?.end){
-                    <li nz-menu-item>
-                      <button
-                        nz-button
-                        [disabled]="user?.get('isDeleted')"
-                        nzType="link"
-                        style="color: #231c1f"
-                      >
-                      <span nz-icon nzType="stop" nzTheme="outline"></span>结束流程
-                      </button>
-                    </li>
-                  }
-                  @if (data.state?.del){
-                    <li nz-menu-item>
-                      <button
-                        nz-button
-                        nzType="link"
-                        style="color: #231c1f"
-                      >
-                        <span nz-icon nzType="delete" nzTheme="outline"></span
-                        >删除流程
-                      </button>
-                    </li>
+                  <li nz-menu-item>
+                    <button
+                      nz-button
+                      [disabled]="user?.get('isDeleted')"
+                      nzType="link"
+                      style="color: #231c1f"
+                    >
+                      <span
+                        nz-icon
+                        nzType="caret-right"
+                        nzTheme="outline"
+                      ></span
+                      >开始流程
+                    </button>
+                  </li>
+                  } @if (data.state?.stop){
+                  <li nz-menu-item>
+                    <button
+                      nz-button
+                      [disabled]="user?.get('isDeleted')"
+                      nzType="link"
+                      style="color: #231c1f"
+                    >
+                      <span
+                        nz-icon
+                        nzType="pause-circle"
+                        nzTheme="outline"
+                      ></span
+                      >暂停流程
+                    </button>
+                  </li>
+                  } @if (data.state?.end){
+                  <li nz-menu-item>
+                    <button
+                      nz-button
+                      [disabled]="user?.get('isDeleted')"
+                      nzType="link"
+                      style="color: #231c1f"
+                    >
+                      <span nz-icon nzType="stop" nzTheme="outline"></span
+                      >结束流程
+                    </button>
+                  </li>
+                  } @if (data.state?.del){
+                  <li nz-menu-item>
+                    <button nz-button nzType="link" style="color: #231c1f">
+                      <span nz-icon nzType="delete" nzTheme="outline"></span
+                      >删除流程
+                    </button>
+                  </li>
                   }
                 </ul>
               </nz-dropdown-menu>

+ 16 - 14
projects/textbook/src/modules/nav-province-contact/page-process/process-list/process-list.component.html

@@ -68,6 +68,7 @@
         <thead>
           <tr>
             <th
+              nzEllipsis
               nzWidth="50px"
               nzLeft
               [nzChecked]="checkedAll"
@@ -75,26 +76,27 @@
               nzLabel="Select all"
               (nzCheckedChange)="onAllChecked($event)"
             ></th>
-            <th nzWidth="120px" nzLeft>流程名称</th>
-            <th nzWidth="120px">流程code</th>
-            <th nzWidth="120px">流程描述</th>
-            <th nzWidth="80px">申报限额</th>
-            <th nzWidth="120px">流程联系人</th>
-            <th nzWidth="80px">流程状态</th>
-            <th nzWidth="50px" nzRight>操作</th>
+            <th nzEllipsis nzWidth="120px" nzLeft>流程名称</th>
+            <th nzEllipsis nzWidth="120px">流程code</th>
+            <th nzEllipsis nzWidth="120px">流程描述</th>
+            <th nzEllipsis nzWidth="80px">申报限额</th>
+            <th nzEllipsis nzWidth="120px">流程联系人</th>
+            <th nzEllipsis nzWidth="80px">流程状态</th>
+            <th nzEllipsis nzWidth="50px" nzRight>操作</th>
           </tr>
         </thead>
         <tbody>
           @for (data of eduProcessList; track data.objectId) {
           <tr>
             <td
+              nzEllipsis
               nzLeft
               [nzChecked]="data.checked"
               (nzCheckedChange)="onItemChecked(data.objectId, $event)"
             ></td>
             <td
-              nzLeft
               nzEllipsis
+              nzLeft
               (click)="
                 toUrl('/nav-province-contact/manage/process/page', {
                   id: data?.objectId
@@ -104,24 +106,24 @@
             >
               {{ data?.name || "-" }}
             </td>
-            <td>
+            <td nzEllipsis>
               {{ data?.code || "-" }}
             </td>
-            <td>
+            <td nzEllipsis>
               {{ data?.desc || "-" }}
             </td>
-            <td>
+            <td nzEllipsis>
               {{ data?.num || "-" }}
             </td>
-            <td>
+            <td nzEllipsis>
               {{ data?.profileSubmitted?.user.name || "-" }}
             </td>
-            <td>
+            <td nzEllipsis>
               <nz-tag [nzColor]="data?.state.color">
                 {{ data?.state.title }}</nz-tag
               >
             </td>
-            <td nzRight>
+            <td nzEllipsis nzRight>
               <button
                 nz-button
                 nz-dropdown