消毒供应生成表单

proxy.conf.json

@@ -1,6 +1,6 @@
 {
   "/service": {
-    "target": "http://192.168.3.108",
+    "target": "http://192.168.4.240",
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {

src/app/views/form-management/form-management-routing.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { FormManagementComponent } from './form-management.component';
+
+
+const routes: Routes = [
+  { path: '', component: FormManagementComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class FormManagementRoutingModule { }

src/app/views/form-management/form-management.component.html

@@ -0,0 +1,148 @@
+<div class="list-template">
+  <div class="list-template__content">
+    <div class="list-template__top" nz-row>
+      <div nz-col nzXl='15' class="list-template__searchBox"></div>
+      <div nz-col nzXl="9" class="list-template__btns"></div>
+    </div>
+    <div class="list-template__bottom">
+      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="loading1">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="4%">序号</th>
+            <th nzWidth="16%">表单号</th>
+            <th nzWidth="16%">发起时间</th>
+            <th nzWidth="16%">发起人</th>
+            <th nzWidth="16%">包含类型</th>
+            <th nzWidth="16%">工单数</th>
+            <th nzWidth="16%">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData;let i = index">
+            <td>{{ i + (pageIndex - 1) * pageSize + 1}}</td>
+            <td>{{ data.code || '无' }}</td>
+            <td>{{data.addTime?(data.addTime|date:'yyyy-MM-dd HH:mm'):'无'}}</td>
+            <td>{{ data.addUserDTO?data.addUserDTO.name:'无' }}</td>
+            <td>{{ data.taskTypeDTO?data.taskTypeDTO.taskName:'无' }}</td>
+            <td>{{data.total}}</td>
+            <td>
+              <div class="coop">
+                <button nz-button nzType="link" (click)="supplementPrint(data)">查看视图</button>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList()" (nzPageSizeChange)="getList()">
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 右侧悬浮框 -->
+<div id="fixedMenu" class="fixed">
+  <div class="left" *ngIf="fixedTab == 'formManagement'">
+    <!-- 表单生成 -->
+    <div class="con" *ngIf="fixedTab == 'formManagement'">
+      <div class="title">表单生成</div>
+      <overlay-scrollbars [ngStyle]="{ height: '206px' }" class="conditions">
+        <div nz-row>
+          <div nz-col nzSpan="6">其他临床服务：</div>
+          <div nz-col nzSpan="18">
+            <nz-radio-group [(ngModel)]="tasktypeId">
+              <label nz-radio [nzValue]="option.id" *ngFor="let option of taskTypes">{{option.taskName}}</label>
+            </nz-radio-group>
+          </div>
+        </div>
+      </overlay-scrollbars>
+      <div class="btns display_flex justify-content_flex-center">
+        <button
+          nz-button
+          nzType="primary"
+          nzValue="small"
+          (click)="saveFormManagement()"
+        >
+          确认
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="right">
+    <div class="fixedMenu hujiaozhongxin">
+      <div class="menuItems">
+        <button
+          nz-button
+          nzType="link"
+          class="item itemLink"
+          (click)="checkFixedTab('formManagement')"
+        >
+          表单生成
+        </button>
+      </div>
+    </div>
+  </div>
+  <div *ngIf="fixedTab != ''" (click)="fixedTab = ''" class="fixedMark"></div>
+</div>
+
+<!-- 表单生成 -->
+<div class="newOrder display_flex justify-content_flex-center align-items_center" *ngIf="fixedTab == 'formManagementTable'">
+<div class="modalBody">
+  <p class="title">
+    表单生成
+    <i class="icon_transport transport-guanbi" (click)="formManagementCancel()"></i>
+  </p>
+  <div class="content">
+    <nz-table class="hospitalTable" [nzData]="formManagementList" nzSize="middle" [nzShowPagination]="false"
+      [nzLoading]="formManagementLoading" [nzScroll]="{ y: '350px' }">
+      <thead>
+        <tr class="thead">
+            <th nzWidth="8%">序号</th>
+            <th nzWidth="23%">工单单号</th>
+            <th nzWidth="23%">申请科室</th>
+            <th nzWidth="23%">任务类型</th>
+            <th nzWidth="23%">发起时间</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr *ngFor="let data of formManagementList;let i = index;">
+            <td>{{ i + (formManagementListPageIndex - 1) * formManagementListPageSize + 1}}</td>
+            <td>{{ data.gdcode || '无' }}</td>
+            <td>{{ data.createDeptDTO ? data.createDeptDTO.dept : '无' }}</td>
+            <td>{{ data.taskType.taskName }}<ng-container *ngIf="data.goodsRemark">-{{data.goodsRemark}}</ng-container></td>
+            <td>{{ data.startTime | date:'yyyy-MM-dd HH:mm'}}</td>
+        </tr>
+      </tbody>
+    </nz-table>
+    <div class="pagination">
+      <nz-pagination [(nzPageIndex)]="formManagementListPageIndex" nzShowSizeChanger [(nzTotal)]="formManagementListLength"
+        [(nzPageSize)]="formManagementListPageSize" (nzPageIndexChange)="getOtherTasktype()"
+        (nzPageSizeChange)="getOtherTasktype()">
+      </nz-pagination>
+    </div>
+  </div>
+  <div class="btns display_flex justify-content_flex-center align-items_center">
+    <button
+      nz-button
+      class="btn"
+      nzType="primary"
+      (click)="formManagementOk()"
+      [nzLoading]="isOkLoading"
+      *ngIf="formManagementList.length"
+    >
+      确认生成
+    </button>
+    <button
+      class="btn cancel"
+      nz-button
+      nzType="default"
+      (click)="formManagementCancel()"
+    >
+      取消
+    </button>
+  </div>
+</div>
+</div>

src/app/views/form-management/form-management.component.less

@@ -0,0 +1,744 @@
+@import "../../../../src/theme.less";
+
+::ng-deep .executeTime,
+::ng-deep
+  .executeTime[nzplaceholder="请选择定时发送时间"]
+  .ant-calendar-picker {
+  width: 100% !important;
+}
+::ng-deep .ant-calendar-picker-input {
+  width: 410px !important;
+}
+
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 350px;
+    // height: 580px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+    position: relative;
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 18px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      width: 310px;
+      height: 117px;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+
+      & > div {
+        text-align: center;
+        margin: 0;
+
+        &.icon {
+          margin-top: 17px;
+
+          i {
+            color: #34b349;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+
+            &.transport-shibai {
+              color: #ff3a52;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+      .timingMessageSendingTips {
+        font-size: 12px;
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+        max-height: 497px;
+        overflow-y: auto;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+
+            .desc {
+              margin-top: 5px;
+            }
+          }
+
+          .datesControl {
+            margin-top: -16px;
+
+            .ant-form-item-label {
+              line-height: 40px;
+            }
+          }
+
+          .timer {
+            .ant-form-item-label {
+              width: 100%;
+              text-align: left;
+            }
+
+            .numInp {
+              margin-right: 5px;
+            }
+
+            .line {
+              margin-right: 5px;
+            }
+          }
+
+          .timer2 {
+            .ant-form-item-label {
+              line-height: 20px;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+}
+
+.hospitalTable {
+  padding: 21px 12px;
+  padding-bottom: 0;
+
+  .thead {
+    background-image: linear-gradient(to right, @bg-start, @bg-end);
+
+    th {
+      background: transparent;
+      color: #fff;
+      text-align: center;
+      font-size: 14px;
+    }
+  }
+
+  .ant-table-body {
+    border-bottom: 1px solid #e5e9ed;
+  }
+
+  .ant-table-tbody {
+    tr {
+      text-align: center;
+      font-size: 14px;
+      border: none;
+      color: #333;
+
+      td {
+        border: none;
+
+        .coop {
+          span {
+            display: inline-block;
+            width: 60px;
+            cursor: pointer;
+
+            &::after {
+              content: "|";
+              float: right;
+            }
+
+            &:hover {
+              color: @primary-color;
+            }
+
+            &:active {
+              color: @primary-color;
+            }
+
+            &:nth-last-child(1) {
+              &::after {
+                content: "";
+              }
+            }
+          }
+        }
+      }
+    }
+
+    tr:nth-child(2n-1) {
+      background: #f9fafb;
+    }
+  }
+}
+
+// 右侧悬浮菜单
+.fixed {
+  position: fixed;
+  top: 40%;
+  right: 0;
+  z-index: 9;
+  border-radius: 5px 0 0 5px;
+
+  .fixedMark {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.2);
+    z-index: 88;
+  }
+
+  // overflow: hidden;
+  & > .left {
+    width: 480px;
+    // height: 280px;
+    float: left;
+    background: #fff;
+    padding: 16px;
+    border-radius: 5px;
+    border: 1px solid #e5e9ed;
+    // box-shadow: -8px 5px 15px #eae9e9;
+    position: relative;
+    z-index: 98;
+
+    .con {
+      background: #f9fafb;
+      width: 100%;
+      // height: 300px;
+      // overflow: auto;
+      border-radius: 5px;
+      border: 1px solid #e5e9ed;
+      padding: 16px;
+      &.bindingExtension {
+        min-height: 246px;
+        .bindingExtension_content {
+          display: flex;
+          flex-wrap: wrap;
+        }
+        .noContentFlex {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          height: 136px;
+          flex-direction: column;
+          .noContent {
+            width: 128px;
+          }
+          p {
+            margin-top: 8px;
+          }
+        }
+        .ant-checkbox-wrapper {
+          font-size: 12px;
+          width: 100%;
+          display: flex;
+          margin-top: 8px;
+          justify-content: space-between;
+          align-items: center;
+          ::ng-deep .ant-checkbox {
+            font-size: 12px;
+            top: 0;
+          }
+          ::ng-deep .ant-checkbox + span {
+            flex: 1;
+          }
+        }
+      }
+
+      &.tableCon {
+        padding: 0;
+
+        .table {
+          font-size: 14px;
+
+          tr {
+            td {
+              padding: 15px 6px;
+              text-align: center;
+
+              & > .tdiv {
+                overflow: hidden;
+
+                .name {
+                  float: left;
+                }
+
+                .num {
+                  float: right;
+                  font-size: 12px;
+
+                  span {
+                    color: @primary-color;
+                    font-size: 14px;
+                  }
+                }
+              }
+
+              .notOpen {
+                color: #666;
+                font-size: 12px;
+
+                img {
+                  margin-bottom: 8px;
+                }
+              }
+            }
+          }
+        }
+      }
+
+      .title {
+        color: #333;
+        text-align: center;
+      }
+
+      .conditions {
+        & > .ant-row {
+          margin: 8px 0;
+          display: flex;
+          align-items: center;
+
+          .ant-row {
+            .ant-col-6 {
+              margin: 2px 0;
+            }
+          }
+
+          .checkAll {
+            width: 100%;
+            border-bottom: 1px solid rgb(233, 233, 233);
+            color: @primary-color;
+          }
+        }
+      }
+
+      .btns {
+        padding: 5px 20px 0 20px;
+      }
+    }
+  }
+
+  .right {
+    // opacity: .5;
+    width: 80px;
+    float: left;
+    background: rgba(255, 255, 255, 0.5);
+    border-radius: 5px 0 0 5px;
+    position: relative;
+    z-index: 8;
+
+    .fixedMenu {
+      border: 1px solid #e5e9ed;
+      color: @primary-color;
+      background: rgba(255, 255, 255, 0.5);
+      text-align: center;
+      border-radius: 5px 0 0 5px;
+      // box-shadow: -3px 4px 15px rgba(234, 233, 233, .5);
+
+      &.hujiaozhongxin {
+        margin-bottom: 5px;
+      }
+
+      .menuItems {
+        .item {
+          height: 35px;
+          line-height: 35px;
+          padding: 0 6px;
+          cursor: default;
+          border-bottom: 1px solid #e5e9ed;
+          user-select: none;
+          &.itemLink {
+            border-bottom: none;
+          }
+
+          &.checked {
+            background: #fff;
+            color: #52ab77;
+            opacity: 1;
+            box-shadow: -3px 4px 7px #eae9e9;
+          }
+        }
+
+        .others {
+          transition: height 0.4s linear;
+          overflow: hidden;
+        }
+      }
+
+      .arrow {
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+// 表单生成弹框
+.newOrder {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 999;
+
+  .modalBody {
+    width: 1200px;
+    height: 580px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 12px 20px;
+    color: #333;
+    font-size: 14px;
+    position: relative;
+
+    .title {
+      font-size: 18px;
+      text-align: center;
+      line-height: 24px;
+      margin: 0;
+      margin-bottom: 12px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      // width: 960px;
+      border: 1px solid #e5e9ed;
+      background: #f9fafb;
+      border-radius: 5px;
+      overflow: hidden;
+
+      .grayFont {
+        color: #666;
+      }
+
+      .col {
+        height: 100%;
+
+        &.left {
+          border-right: 2px solid #e5e9ed;
+          display: flex;
+          flex-direction: column;
+
+          .top {
+            padding: 8px;
+            nz-select {
+              margin-right: 8px;
+            }
+
+            .tel {
+              margin: 0 8px 0 0;
+            }
+          }
+          // tab 任务类型
+          .tabs {
+            display: flex;
+            height: 41px;
+            border-top: 1px solid #e5e9ed;
+            border-bottom: 1px solid #e5e9ed;
+            background-color: #fff;
+            .tabs__inner {
+              flex: 1;
+              overflow: hidden;
+              .tabs__wrap {
+                position: relative;
+                z-index: 1;
+                display: flex;
+                transition: all 1s;
+                .tab {
+                  width: 93px;
+                  height: 41px;
+                  text-align: center;
+                  line-height: 41px;
+                  background: #fff;
+                  border-right: 1px solid #e5e9ed;
+                  cursor: pointer;
+
+                  &.checked {
+                    background: #e5e9ed;
+                  }
+                }
+              }
+            }
+            .tabs__operate {
+              border-bottom: 1px solid #e5e9ed;
+              border-left: 1px solid #e5e9ed;
+              width: 22px;
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              position: relative;
+              z-index: 2;
+              .tabs__Icon--left {
+                font-size: 12px;
+                color: #e5e9ed;
+                cursor: pointer;
+                &:hover {
+                  color: #333;
+                }
+              }
+              .tabs__Icon--right {
+                transform: rotateY(180deg);
+                font-size: 12px;
+                color: #e5e9ed;
+                cursor: pointer;
+                &:hover {
+                  color: #333;
+                }
+              }
+            }
+          }
+
+          // 底部tab页
+          .bottomWrap {
+            flex: 1;
+            height: 300px;
+            .bottom {
+              padding: 0 36px;
+              height: 310px;
+              overflow-y: auto;
+              .ant-form {
+                height: 100%;
+                .ant-form-item {
+                  margin-bottom: 0;
+                }
+              }
+              .control-flex {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                .control-flex__5 {
+                  flex: 5;
+                }
+                .control-flex__7 {
+                  flex: 7;
+                }
+              }
+              .goods-wrap {
+                margin-left: 8px;
+                .goods-item {
+                  display: inline-block;
+                }
+              }
+              // 标本轮巡
+              .bottom380256 {
+                height: 100%;
+                font-size: 16px;
+                color: #333;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                text-align: center;
+              }
+              .bottom255 {
+                height: 100%;
+                // overflow-y: auto;
+                .txtC {
+                  height: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  justify-content: center;
+                  align-items: center;
+                }
+              }
+
+              .label {
+                text-align: left;
+              }
+
+              .handlerType {
+                margin: 21px 0 0 0;
+              }
+
+              .radios {
+                height: 96px;
+                width: 100%;
+                overflow-y: auto;
+                padding: 10px 18px;
+                background: #fff;
+                border: 1px solid #e6dede;
+                border-radius: 5px;
+                .ant-row {
+                  width: 100%;
+                  display: flex;
+                  flex-wrap: wrap;
+                  .ant-radio-wrapper {
+                    // flex: 1;
+                    // max-width: 100%;
+                    // width: 160px;
+                    display: flex;
+                    align-items: center;
+                    ::ng-deep span.ant-radio + * {
+                      // min-width: 110px;
+                      white-space: normal;
+                      float: left;
+                      padding-right: 0;
+                    }
+                    ::ng-deep span.ant-radio {
+                      float: left;
+                    }
+                  }
+                }
+              }
+            }
+          }
+          // 底部信息提示
+          .bottomInfo {
+            border-top: 2px solid #e5e9ed;
+            padding-left: 32px;
+            padding-right: 32px;
+            height: 52px;
+            line-height: 52px;
+            font-size: 14px;
+            color: #ff3b53;
+          }
+        }
+
+        &.right {
+          background: #fff;
+          position: relative;
+
+          .rightTitle {
+            position: absolute;
+            width: 100%;
+            height: 46px;
+            line-height: 46px;
+            font-size: 16px;
+            margin: 0;
+            border-bottom: 1px solid #e5e9ed;
+            background: #fff;
+            z-index: 9999;
+            display: flex;
+            align-items: center;
+            .rightTitle_tab {
+              height: 100%;
+              padding: 0 16px;
+              border-right: 1px solid #e5e9ed;
+              cursor: pointer;
+              background-color: #fff;
+              &.active {
+                background-color: #f9fafb;
+              }
+            }
+          }
+
+          .cots_body {
+            width: 100%;
+            height: 100%;
+            // overflow: scroll;
+            // padding-right: 2%;
+            padding-top: 47px;
+          }
+        }
+      }
+    }
+  }
+
+  .btns {
+    .btn {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+}
+
+.pagination {
+  margin-top: 14px;
+  position: absolute;
+  right: 5px;
+}
+
+.btns {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 60%;
+  margin: 48px auto 0;
+
+  .btn {
+    margin: 9px;
+    margin-bottom: 0;
+  }
+}

src/app/views/form-management/form-management.component.ts

@@ -0,0 +1,191 @@
+import { Component, OnInit, ViewChild, ElementRef } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+
+import { MainService } from "../../services/main.service";
+import { ToolService } from "../../services/tool.service";
+import { NzMessageService } from 'ng-zorro-antd';
+@Component({
+  selector: "app-form-management",
+  templateUrl: "./form-management.component.html",
+  styleUrls: ["./form-management.component.less"],
+})
+export class FormManagementComponent implements OnInit {
+  @ViewChild('printBtn', { static: false }) printBtn: ElementRef<HTMLElement>;
+  constructor(
+    private mainService: MainService,
+    private route: ActivatedRoute,
+    private tool: ToolService,
+    private msg: NzMessageService,
+  ) {}
+
+  userInfo: any = JSON.parse(localStorage.getItem("user")) || {}; //登录用户信息
+  hosId;
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+
+  ngOnInit() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getList();
+    this.coopBtns = this.tool.initCoopBtns(this.route);
+    this.moveMenu();
+    this.getTaskTypes();
+  }
+
+  // 初始化权限按钮
+  coopBtns: any = {};
+
+  // 核酸打印
+  formManagementLoading = false;
+  formManagementList: any = [];
+  formManagementListPageIndex: number = 1;//表格当前页码
+  formManagementListPageSize: number = 10;//表格每页展示条数
+  formManagementListLength: number = 0;//表格总数据量
+  // 获取列表数据
+  getOtherTasktype() {
+    this.formManagementLoading = true;
+    let postData = {
+      idx: this.formManagementListPageIndex - 1,
+      sum: this.formManagementListPageSize,
+      workOrder: {
+        hosId: this.hosId,
+        gdState: {id: "433"},
+        serTaskTypes: this.tasktypeId,
+        time: 0,
+      },
+    };
+    this.mainService.getFetchDataList("simple/data", "workOrder", postData).subscribe((data:any) => {
+      this.formManagementLoading = false;
+      this.formManagementList = data.list || [];
+      this.formManagementListLength = data.totalNum || 0;
+    })
+  }
+
+  // 确认表单生成
+  saveFormManagement(){
+    if(!this.tasktypeId){
+      this.msg.info('请选择其他临床服务任务类型！');
+      return;
+    }
+    this.fixedTab = 'formManagementTable';
+    this.getOtherTasktype();
+  }
+
+  // 取消表单生成
+  formManagementCancel():void {
+    this.fixedTab = '';
+  }
+
+  //获取其他临床服务任务类型
+  isLoading: boolean = false;
+  tasktypeId:any;
+  taskTypes:any[] = [];
+  getTaskTypes(e:string = '') {
+    let postData:any = {
+      idx: 0,
+      sum: 10,
+      taskType: {
+        taskName: e,
+        simpleQuery: true,
+        hosId: {
+          id: this.hosId
+        }
+      }
+    };
+    postData.taskType.associationType = {
+      key: 'association_types',
+      value: 'other'
+    }
+    this.isLoading = true;
+    this.mainService
+      .getFetchDataList("simple/data", "taskType", postData)
+      .subscribe((result) => {
+        this.isLoading = false;
+        if (result.status == 200) {
+          this.taskTypes = result.list || [];
+        }
+      });
+  }
+
+  // 切换右侧菜单Tab
+  fixedTab: string = "";
+  checkFixedTab(type: string) {
+    if (this.fixedTab == type) {
+      this.fixedTab = "";
+    } else {
+      this.fixedTab = type;
+    }
+  }
+
+  // 菜单拖拽
+  moveMenu() {
+    let fixedMenu = document.getElementById("fixedMenu");
+    if (!fixedMenu) return;
+    fixedMenu.onmousedown = function (e) {
+      fixedMenu.style.cursor = "move";
+      let y = e.clientY - fixedMenu.offsetTop;
+      document.onmousemove = function (ev) {
+        var _y = ev.clientY - y > 0 ? ev.clientY - y : 0;
+        var wh = window.innerHeight;
+        if (_y > wh - fixedMenu.clientHeight) {
+          _y = wh - fixedMenu.clientHeight;
+        }
+        fixedMenu.style.top = _y + "px";
+      };
+      document.onmouseup = function () {
+        fixedMenu.style.cursor = "default";
+        this.onmousemove = null;
+        this.onmouseup = null;
+      };
+      // return false;
+    };
+  }
+
+  // 表格数据
+  loading1 = false;
+  getList() {
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      reserveForm: {
+        hosId: this.hosId,
+      },
+    };
+    this.loading1 = true;
+    this.mainService
+      .getFetchDataList("simple/data", "reserveForm", postData)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          this.listOfData = data.list;
+          this.listLength = data.totalNum;
+        }
+      });
+  }
+
+  // 确认生成
+  isOkLoading:boolean = false;
+  formManagementOk(){
+    let postData:any = {
+      taskType: this.tasktypeId,
+      hosId: this.hosId,
+    };
+    this.isOkLoading = true;
+    this.mainService
+      .simplePost("addData", "reserveForm", postData)
+      .subscribe((result) => {
+        this.isOkLoading = false;
+        if (result.status == 200) {
+          this.formManagementCancel();
+          this.pageIndex = 1;
+          this.getList();
+          this.msg.success('生成表单成功！');
+        }else{
+          this.msg.error('生成表单失败！');
+        }
+      });
+  }
+}
+
+

src/app/views/form-management/form-management.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { FormManagementRoutingModule } from './form-management-routing.module';
+import { FormManagementComponent } from './form-management.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [FormManagementComponent],
+  imports: [
+    CommonModule,
+    FormManagementRoutingModule,
+    ShareModule,
+  ]
+})
+export class FormManagementModule { }

src/app/views/main/main-routing.module.ts

@@ -196,6 +196,14 @@ const routes: Routes = [
           ),
       },
       {
+        // 表单管理列表
+        path: "formManagement",
+        loadChildren: () =>
+          import("../form-management/form-management.module").then(
+            (m) => m.FormManagementModule
+          ),
+      },
+      {
         // 统计分析-综合统计
         path: "compreStatistics",
         loadChildren: () =>

src/app/views/nucleic-acid-collection/nucleic-acid-collection.component.html

@@ -23,7 +23,7 @@
         </thead>
         <tbody>
           <tr *ngFor="let data of listOfData;let i = index">
-            <td>{{ i+1 }}</td>
+            <td>{{ i + (pageIndex - 1) * pageSize + 1}}</td>
             <td>{{ data.batchNo || '无' }}</td>
             <td>{{ data.buildId?data.buildId.buildingName:'无' }}</td>
             <td>{{data.addTime?(data.addTime|date:'yyyy-MM-dd HH:mm'):'无'}}</td>