问卷调查

src/app/app-routing.module.ts

@@ -50,6 +50,11 @@ const routes: Routes = [
     loadChildren: () => import('./views/specimen-view2/specimen-view2.module').then(m => m.SpecimenView2Module),
     canActivate: [SpecimenView2Guard]
   },
+  {
+    // 问卷预览
+    path: "preview",
+    loadChildren: () => import("./views/preview/preview.module").then((m) => m.PreviewModule),
+  },
   { path: '**', redirectTo: 'main/home' }
 
 ];

src/app/services/main.service.ts

@@ -568,4 +568,44 @@ export class MainService {
       { headers: this.headers }
     );
   }
+  //问卷发布
+  managerQuestionnaire(data) {
+    return this.http.post(
+      host.host + "/user/data/managerQuestionnaire",
+      data,
+      {
+        headers: this.headers,
+      }
+    );
+  }
+  //问卷预览
+  managerQuestionnairePreview(data,token) {
+    return this.http.post(
+      host.host + "/api/survey/" + token,
+      data,
+      {
+        headers: this.headers,
+      }
+    );
+  }
+  //问卷提交答案
+  surveyCommit(data) {
+    return this.http.post(
+      host.host + "/api/survey/commit",
+      data,
+      {
+        headers: this.headers,
+      }
+    );
+  }
+  //查询回收数据
+  listQuestionnaire(data) {
+    return this.http.post(
+      host.host + "/user/data/listQuestionnaire",
+      data,
+      {
+        headers: this.headers,
+      }
+    );
+  }
 }

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

@@ -375,6 +375,22 @@ const routes: Routes = [
             (m) => m.QuestionnaireManagementModule
           ),
       },
+      {
+        // 问卷问题列表
+        path: "questions",
+        loadChildren: () =>
+          import("../questions/questions.module").then(
+            (m) => m.QuestionsModule
+          ),
+      },
+      {
+        // 问卷回收数据列表
+        path: "questionnaireAnswer",
+        loadChildren: () =>
+          import("../questionnaire-answer/questionnaire-answer.module").then(
+            (m) => m.QuestionnaireAnswerModule
+          ),
+      },
     ],
   },
 ];

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

@@ -66,13 +66,16 @@
         </div>
         <div class="list-template__searchItem">
           <span class="label">发起时间</span>：
-          <nz-range-picker [(ngModel)]="dateRange" (ngModelChange)="changeDate($event)"
-            [nzDisabled]="checkOptionsOne[2].checked"></nz-range-picker>
+          <!-- <nz-range-picker [(ngModel)]="dateRange" (ngModelChange)="changeDate($event)"
+            [nzDisabled]="checkOptionsOne[2]?.checked"></nz-range-picker> -->
+          <nz-range-picker [(ngModel)]="dateRange" (ngModelChange)="changeDate($event)"></nz-range-picker>
         </div>
       </div>
       <div nz-col nzXl='7' class="list-template__btns">
+        <!-- <button nz-button class="btn default" *ngIf="coopBtns.del"
+          [disabled]="!checkedDepIds.length||(checkOptionsOne[3]?.checked)" (click)='showDelModals($event)'>批量删除</button> -->
         <button nz-button class="btn default" *ngIf="coopBtns.del"
-          [disabled]="!checkedDepIds.length||(checkOptionsOne[3]?.checked)" (click)='showDelModals($event)'>批量删除</button>
+          [disabled]="!checkedDepIds.length||(checkOptionsOne[2]?.checked)" (click)='showDelModals($event)'>批量删除</button>
         <button nz-button class="btn default ml8" (click)='search()'>搜索</button>
         <button nz-button *ngIf="coopBtns.export" class="btn default ml8" (click)='export()'
           [nzLoading]="loading2">导出</button>
@@ -121,7 +124,9 @@
             <td>
               <div class="coop">
                 <span *ngIf="coopBtns.look" (click)="detail($event,data.id)">查看</span>
-                <span *ngIf="coopBtns.del&&data.gdState.value!=6&&data.gdState.value!=7&&!(checkOptionsOne[3]?.checked)"
+                <!-- <span *ngIf="coopBtns.del&&data.gdState.value!=6&&data.gdState.value!=7&&!(checkOptionsOne[3]?.checked)"
+                  (click)="showDelModal($event,data.id)">删除</span> -->
+                <span *ngIf="coopBtns.del&&data.gdState.value!=6&&data.gdState.value!=7&&!(checkOptionsOne[2]?.checked)"
                   (click)="showDelModal($event,data.id)">删除</span>
               </div>
             </td>

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

@@ -202,8 +202,15 @@ export class OrderManagementComponent implements OnInit {
         timeOut: that.checkOptionsOne[0].checked ? 1 : 0,
       },
     };
-    if (that.checkOptionsOne[3]) {
-      if (that.checkOptionsOne[3].checked) {
+    // if (that.checkOptionsOne[3]) {
+    //   if (that.checkOptionsOne[3].checked) {
+    //     data.workOrder.deleteFlag = 1;
+    //   } else {
+    //     delete data.workOrder.deleteFlag;
+    //   }
+    // }
+    if (that.checkOptionsOne[2]) {
+      if (that.checkOptionsOne[2].checked) {
         data.workOrder.deleteFlag = 1;
       } else {
         delete data.workOrder.deleteFlag;
@@ -235,7 +242,8 @@ export class OrderManagementComponent implements OnInit {
     delete data.workOrder.overdueTime24;
     delete data.workOrder.startTime1;
     delete data.workOrder.endTime1;
-    if (that.checkOptionsOne[2].checked) {
+    // if (that.checkOptionsOne[2] && that.checkOptionsOne[2].checked) {
+    if (false) {
       data.workOrder.overdueTime24 = true;
     } else if (that.startDate && that.endDate) {
       data.workOrder.startTime1 = that.startDate;
@@ -411,7 +419,8 @@ export class OrderManagementComponent implements OnInit {
     delete postData.workOrder.overdueTime24;
     delete postData.workOrder.startTime1;
     delete postData.workOrder.endTime1;
-    if (that.checkOptionsOne[2].checked) {
+    // if (that.checkOptionsOne[2] && that.checkOptionsOne[2].checked) {
+    if (false) {
       postData.workOrder.overdueTime24 = true;
     } else if (that.startDate && that.endDate) {
       postData.workOrder.startTime1 = that.startDate;

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

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

src/app/views/preview/preview.component.html

@@ -0,0 +1,51 @@
+<div class="preview" [ngStyle]="{margin:isM?0:'',minHeight:isM?'100vh':''}">
+  <ng-container *ngIf="!success">
+    <ng-container *ngIf="!failure">
+      <div *ngIf="!loading">
+        <h1>{{qm.title}}</h1>
+        <p>{{qm.surveyDescribe}}</p>
+        <form nz-form [formGroup]="validateForm">
+          <ng-container *ngFor="let item of listOfData;let i=index;">
+            <!-- 单选 -->
+            <nz-form-item *ngIf="item.answerMode && item.answerMode.value == 1">
+              <nz-form-label [nzSpan]="24" nzRequired>Q{{i+1}}.{{item.describe}}</nz-form-label>
+              <nz-form-control [nzSpan]="24" nzErrorTip="请选择！">
+                <nz-radio-group [formControlName]="item.propName">
+                  <label nz-radio [nzValue]="radioItem" *ngFor="let radioItem of item.radioItems" class="radioItem">{{radioItem}}</label>
+                </nz-radio-group>
+              </nz-form-control>
+            </nz-form-item>
+            <!-- 单行填空 -->
+            <nz-form-item *ngIf="item.answerMode && item.answerMode.value == 2">
+              <nz-form-label [nzSpan]="24" nzRequired>Q{{i+1}}.{{item.describe}}</nz-form-label>
+              <nz-form-control [nzSpan]="24" nzErrorTip="请填写！">
+                <input nz-input [formControlName]="item.propName" placeholder="请填写！" maxlength="200" />
+              </nz-form-control>
+            </nz-form-item>
+            <!-- 多行填空 -->
+            <nz-form-item *ngIf="item.answerMode && item.answerMode.value == 3">
+              <nz-form-label [nzSpan]="24" nzRequired>Q{{i+1}}.{{item.describe}}</nz-form-label>
+              <nz-form-control [nzSpan]="24" nzErrorTip="请填写！">
+                <textarea nz-input rows="4" [formControlName]="item.propName" placeholder="请填写！" maxlength="200"></textarea>
+              </nz-form-control>
+            </nz-form-item>
+          </ng-container>
+          <nz-form-item nz-row class="submit" *ngIf="listOfData.length && qm.state.value == 2">
+            <nz-form-control>
+              <button nz-button nzType="primary" [nzLoading]="loading" (click)="submitForm()">提交</button>
+            </nz-form-control>
+          </nz-form-item>
+        </form>
+      </div>
+      <div class="loading" *ngIf="loading">
+        <nz-spin nzSimple></nz-spin>
+      </div>
+    </ng-container>
+    <div class="failure" *ngIf="failure">
+      该链接不存在！
+    </div>
+  </ng-container>
+  <div class="success" *ngIf="success">
+    感谢您的参与！
+  </div>
+</div>

src/app/views/preview/preview.component.less

@@ -0,0 +1,51 @@
+:host{
+    width: 100%;
+    min-height: 100vh;
+    background-color: #f4f5f7;
+    ::ng-deep .ant-form label,
+    ::ng-deep .ant-input,
+    ::ng-deep .ant-btn{
+        font-size: 16px!important;
+    }
+}
+.preview{
+    width: 100%;
+    max-width: 750px;
+    background-color: #fff;
+    padding: 0.3rem;
+    margin: 0.3rem auto;
+    h1{
+        font-size: 18px;
+    }
+    p{
+        font-size: 14px;
+    }
+    .loading{
+        text-align: center;
+    }
+    .failure{
+        text-align: center;
+    }
+    .success{
+        text-align: center;
+    }
+    textarea{
+        resize: none;
+    }
+    .radioItem{
+        display: block;
+        width: 100%;
+        margin-top: 0.1rem;
+        padding: 0.1rem;
+        border: 1px solid #ebeef5;
+    }
+    .ant-radio-group{
+        width: 100%;
+    }
+    .submit{
+        text-align: center;
+        button{
+            width: 1.6rem;
+        }
+    }
+}

src/app/views/preview/preview.component.ts

@@ -0,0 +1,103 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { MainService } from 'src/app/services/main.service';
+import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms';
+import { NzMessageService } from 'ng-zorro-antd';
+
+@Component({
+  selector: 'app-preview',
+  templateUrl: './preview.component.html',
+  styleUrls: ['./preview.component.less']
+})
+export class PreviewComponent implements OnInit {
+  validateForm: FormGroup;
+  qm:any = {};
+  loading:boolean = false;
+  failure:boolean = false;
+  listOfData:any[] = [];
+  success:boolean = false;
+  isM:boolean = false;
+
+  constructor(
+    private route: ActivatedRoute,
+    private mainService:MainService,
+    private fb: FormBuilder,
+    private message: NzMessageService,
+  ) {}
+
+  ngOnInit() {
+    this.isM = this.isMobile();
+    this.initForm();
+    if(this.isM){
+      document.documentElement.style.fontSize = '13.33333vw';
+    }else{
+      document.documentElement.style.fontSize = '100px';
+    }
+    this.getList();
+  }
+  // 初始化Form
+  initForm(){
+    this.validateForm = this.fb.group({});
+  }
+  // 提交
+  submitForm(): void {
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty();
+      this.validateForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateForm.invalid) {
+      return;
+    }
+    console.log(this.validateForm.value);
+    const postData:any ={
+      qmId: this.qm.id,
+      answerList: Object.entries(this.validateForm.value).map(v=>({
+        managementId: this.qm.id,
+        infoId: v[0],
+        answer: v[1],
+        hosId: this.qm.hosId,
+      }))
+    };
+    const mid = this.message.loading('loading..', { nzDuration: 0 }).messageId;
+    this.mainService.surveyCommit(postData).subscribe((res:any)=>{
+      this.message.remove(mid);
+      if (res.status == 200) {
+        this.message.create('success', `提交成功`);
+        this.success = true;
+      }else{
+        this.message.create('error', res.msg || `提交失败`);
+      }
+    })
+  }
+  // 判断是否是移动端
+  isMobile(){
+      const reg = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i;
+      return reg.test(navigator.userAgent);
+  }
+  // 问卷数据
+  getList() {
+    let token = this.route.snapshot.queryParams.token;
+    if(token){
+      let postData = {};
+      this.loading = true;
+      this.mainService
+      .managerQuestionnairePreview(postData,token)
+      .subscribe((data:any) => {
+        this.loading = false;
+        if (data.status == 200) {
+          this.qm = data.data.qm;
+          let list = data.data.qi.map((v,i)=>({...v,propName:v.id,radioItems:[v.option1,v.option2,v.option3,v.option4,v.option5,v.option6,v.option7,v.option8,v.option9,v.option10]}));
+          list.forEach(v=>{
+            v.radioItems = v.radioItems.filter(Boolean);
+            this.validateForm.addControl(v.propName,new FormControl(null, Validators.required));
+          })
+          this.listOfData = list;
+        }else{
+          this.failure = true;
+        }
+      });
+    }else{
+      this.failure = true;
+    }
+  }
+}

src/app/views/preview/preview.module.ts

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

src/app/views/questionnaire-answer/questionnaire-answer-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { QuestionnaireAnswerComponent } from './questionnaire-answer.component';
+
+
+const routes: Routes = [
+  {
+    path: "",
+    component: QuestionnaireAnswerComponent,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class QuestionnaireAnswerRoutingModule { }

src/app/views/questionnaire-answer/questionnaire-answer.component.html

@@ -0,0 +1,42 @@
+<div class="list-template">
+  <div class="list-template__content">
+    <div class="list-template__top" nz-row>
+      <div nz-col nzXl="18" class="list-template__searchBox"></div>
+      <div nz-col nzLg="6" class="list-template__btns">
+        <button nz-button class="btn default" (click)='export()' [nzLoading]="loading2">导出</button>
+      </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="50px">序号</th>
+            <th *ngFor="let item of listOfDataTh">{{item.describe}}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of listOfData; let i = index">
+            <td>{{ i + 1 }}</td>
+            <td *ngFor="let item of data">{{ item.answer }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <div class="list-template__pagination">
+        <nz-pagination
+          [(nzPageIndex)]="pageIndex"
+          [(nzTotal)]="listLength"
+          [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList(0)"
+          (nzPageSizeChange)="getList(0)"
+        >
+        </nz-pagination>
+      </div>
+    </div>
+  </div>
+</div>

src/app/views/questionnaire-answer/questionnaire-answer.component.less

@@ -0,0 +1,170 @@
+@import "../../../../src/theme.less";
+
+:host {
+  ::ng-deep .ant-calendar-picker {
+    width: 100% !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;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .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;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      padding: 16px 0;
+      a:hover{
+        text-decoration: underline;
+      }
+
+      & > 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: 14px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+      .workAssignmentTips {
+        font-size: 12px;
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 16px;
+        max-height: 497px;
+        overflow-y: auto;
+
+        .addForm {
+          .surveyDescribe {
+            margin-top: 8px;
+          }
+          .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-label {
+              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;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/app/views/questionnaire-answer/questionnaire-answer.component.ts

@@ -0,0 +1,94 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { MainService } from "../../services/main.service";
+import { ToolService } from "../../services/tool.service";
+import { NzMessageService } from 'ng-zorro-antd';
+import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
+@Component({
+  selector: "app-questionnaire-answer",
+  templateUrl: "./questionnaire-answer.component.html",
+  styleUrls: ["./questionnaire-answer.component.less"],
+})
+export class QuestionnaireAnswerComponent implements OnInit {
+  constructor(
+    private mainService: MainService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private tool: ToolService,
+    private message: NzMessageService
+  ) {}
+
+  userInfo: any = JSON.parse(localStorage.getItem("user")) || {}; //登录用户信息
+  listOfData: any[] = []; //表格数据
+  listOfDataTh: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+  currentHospital; //当前院区
+
+  ngOnInit() {
+    this.currentHospital = this.tool.getCurrentHospital();
+    this.getList(1);
+  }
+
+  // 初始化增删改按钮
+  coopBtns: any = {};
+  // 导出
+  loading2 = false;
+  export() {
+    let postData = {
+      idx: 0,
+      sum: 99999,
+      qmId: this.route.snapshot.queryParams.id,
+    };
+    this.loading2 = true;
+    this.mainService.exportReport("survey", postData).subscribe(
+      (data) => {
+        this.loading2 = false;
+        this.message.create('success', `导出成功`);
+        var file = new Blob([data], {
+          type: "application/vnd.ms-excel",
+        });
+        //trick to download store a file having its URL
+        var fileURL = URL.createObjectURL(file);
+        var a = document.createElement("a");
+        a.href = fileURL;
+        a.target = "_blank";
+        a.download = `回收数据.xls`;
+        document.body.appendChild(a);
+        a.click();
+      },
+      (err) => {
+        this.loading2 = false;
+        this.message.create('error', `导出失败`);
+      }
+    );
+  }
+  // 表格数据
+  loading1 = false;
+  getList(type) {
+    if (type == 1) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      qmId: this.route.snapshot.queryParams.id
+    };
+    this.loading1 = true;
+    this.mainService
+      .listQuestionnaire(postData)
+      .subscribe((data:any) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          this.listOfData = data.data?data.data.answers:[];
+          // if(data.data && data.data.answers){
+          //   data.data.answers
+          // }
+          this.listOfDataTh = data.data?data.data.infos:[];
+          this.listLength = data.totalNum;
+        }
+      });
+  }
+}
+

src/app/views/questionnaire-answer/questionnaire-answer.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { QuestionnaireAnswerRoutingModule } from './questionnaire-answer-routing.module';
+import { ShareModule } from 'src/app/share/share.module';
+import { QuestionnaireAnswerComponent } from './questionnaire-answer.component';
+
+
+@NgModule({
+  declarations: [QuestionnaireAnswerComponent],
+  imports: [
+    CommonModule,
+    QuestionnaireAnswerRoutingModule,
+    ShareModule
+  ]
+})
+export class QuestionnaireAnswerModule { }

src/app/views/questionnaire-management-detail/questionnaire-management-detail-routing.module.ts

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

src/app/views/questionnaire-management-detail/questionnaire-management-detail.component.html

@@ -0,0 +1,30 @@
+<div class="detail display_flex justify-content_flex-center align-items_center" *ngIf="!maskFlag">
+    <div class="modalBody">
+      <div class="title">问卷详情<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+      <div class="content">
+        <div class="info">
+          <div nz-row>
+            <div nz-col nzSpan="24">
+              <div class="item display_flex align-items_flex-start">
+                <span>问卷标题</span>
+                <span>{{detail.title || '无'}}</span>
+              </div>
+            </div>
+            <div nz-col nzSpan="24">
+              <div class="item display_flex align-items_flex-start">
+                <span>问卷内容</span>
+                <span>{{detail.surveyDescribe || '无'}}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="display_flex justify-content_flex-center">
+        <button class="know" nz-button nzType="primary" (click)="goToQuestions(detail)">查看问题</button>
+        <button class="know ml8" nz-button nzType="primary" nzGhost (click)="hideModal()">知道了</button>
+      </div>
+    </div>
+  </div>
+  <!-- 遮罩 -->
+  <app-mask *ngIf="maskFlag"></app-mask>
+  

src/app/views/questionnaire-management-detail/questionnaire-management-detail.component.less

@@ -0,0 +1,152 @@
+@import "../../../../src/theme.less";
+
+.detail {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 480px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .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: 100%;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      padding: 9px 24px;
+
+      .bottom,.top {
+        span:nth-child(1) {
+          font-size: 14px;
+          color: @primary-color;
+        }
+
+        span:nth-child(2) {
+          font-size: 12px;
+          color: #999;
+        }
+        .roundRobinTips{
+          font-size: 12px;
+          margin-bottom: 0;
+        }
+      }
+      .top{
+        border-top: 2px solid #eff2f4;
+        padding: 16px 0;
+      }
+      .bottom{
+        border-bottom: 2px solid #eff2f4;
+        height: 35px;
+      }
+
+      .info {
+        margin-top: 15px;
+        margin-bottom: 4px;
+
+        .left {
+          border-right: 2px dashed #eff2f4;
+          padding-right: 23px;
+        }
+
+        .right {
+          padding-left: 23px;
+        }
+
+        .item {
+          // display: flex;
+          // justify-content: space-between;
+          // align-items: flex-start;
+          margin-bottom: 5px;
+
+          & > span:nth-child(1) {
+            color: #666;
+            min-width: 70px;
+          }
+
+          & > span:nth-child(2) {
+            color: #333;
+          }
+        }
+      }
+    }
+
+    .know {
+      margin-top: 10px;
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 14px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+      }
+
+      .btn {
+        button {
+          // width: 80px;
+
+          &:nth-child(1) {
+            margin-right: 20px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.txtC {
+  text-align: center;
+}

src/app/views/questionnaire-management-detail/questionnaire-management-detail.component.ts

@@ -0,0 +1,52 @@
+import { Component, OnInit } from "@angular/core";
+import { Router, ActivatedRoute } from "@angular/router";
+import { NzMessageService } from "ng-zorro-antd";
+
+import { MainService } from "../../services/main.service";
+
+@Component({
+  selector: "app-questionnaire-management-detail",
+  templateUrl: "./questionnaire-management-detail.component.html",
+  styleUrls: ["./questionnaire-management-detail.component.less"],
+})
+export class QuestionnaireManagementDetailComponent implements OnInit {
+  constructor(
+    private message: NzMessageService,
+    private router: Router,
+    private mainService: MainService,
+    private routerInfo: ActivatedRoute
+  ) {}
+
+  id: number;
+  detail: any = null;
+  ngOnInit() {
+    this.getDetail();
+  }
+  hideModal() {
+    this.router.navigateByUrl("/main/questionnaireManagement");
+  }
+
+  // 查看问题
+  goToQuestions(data){
+    this.router.navigateByUrl(`/main/questions?id=${data.id}&title=${data.title}`);
+  }
+
+  // 获取详情
+  maskFlag: any = false;
+  getDetail() {
+    this.id = this.routerInfo.snapshot.params["id"];
+    this.maskFlag = this.message.loading("正在加载中..", {
+      nzDuration: 0,
+    }).messageId;
+    this.mainService
+      .getFetchData("api", "questionnaireManagement", this.id)
+      .subscribe((data) => {
+        this.message.remove(this.maskFlag);
+        this.maskFlag = false;
+        if (data.status == 200) {
+          this.detail = data.data;
+        }
+      });
+  }
+}
+

src/app/views/questionnaire-management-detail/questionnaire-management-detail.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { QuestionnaireManagementDetailRoutingModule } from './questionnaire-management-detail-routing.module';
+import { QuestionnaireManagementDetailComponent } from './questionnaire-management-detail.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    QuestionnaireManagementDetailComponent
+  ],
+  imports: [
+    CommonModule,
+    QuestionnaireManagementDetailRoutingModule,
+    ShareModule
+  ]
+})
+export class QuestionnaireManagementDetailModule { }

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

@@ -1,14 +1,26 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-import { QuestionnaireManagementComponent } from './questionnaire-management.component';
-
+import { NgModule } from "@angular/core";
+import { Routes, RouterModule } from "@angular/router";
+import { QuestionnaireManagementComponent } from "./questionnaire-management.component";
 
 const routes: Routes = [
-  { path: '', component: QuestionnaireManagementComponent }
+  {
+    path: "",
+    component: QuestionnaireManagementComponent,
+    children: [
+      {
+        // 查看详情
+        path: "questionnaireManagementDetail/:id",
+        loadChildren: () =>
+          import("../questionnaire-management-detail/questionnaire-management-detail.module").then(
+            (m) => m.QuestionnaireManagementDetailModule
+          ),
+      },
+    ],
+  },
 ];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
+  exports: [RouterModule],
 })
-export class QuestionnaireManagementRoutingModule { }
+export class QuestionnaireManagementRoutingModule {}

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

@@ -11,30 +11,33 @@
           [nzLoading]="loading1">
           <thead>
             <tr class="thead">
+              <th nzWidth="50px">序号</th>
               <th nzWidth="15%">问卷标题</th>
-              <th nzWidth="27%">调查目标</th>
-              <th nzWidth="7%">创建时间</th>
-              <th nzWidth="8%">状态</th>
+              <th nzWidth="15%">调查目标</th>
+              <th nzWidth="15%">创建时间</th>
+              <th nzWidth="15%">状态</th>
               <th nzWidth="15%">答题数量</th>
-              <th nzWidth="28%">操作</th>
+              <th nzWidth="15%">操作</th>
             </tr>
           </thead>
           <tbody>
             <tr *ngFor="let data of listOfData;let i = index">
-              <td>{{data.name}}</td>
-              <td>{{data.describe}}</td>
-              <td>{{data.workType == 1?'综合排班':'自选排班'}}</td>
-              <td>{{data.status?'启用中':'停用中'}}</td>
-              <td>{{data.startTime?data.startTime:'-'}}</td>
+              <td>{{i+1}}</td>
+              <td>{{data.title}}</td>
+              <td>{{data.surveyTarget?data.surveyTarget.name:'无'}}</td>
+              <td>{{data.createTime|date:'yyyy-MM-dd HH:mm'}}</td>
+              <td>{{data.state?data.state.name:'无'}}</td>
+              <td>{{data.answerNum}}</td>
               <td>
                 <div class="coop">
-                  <span *ngIf="coopBtns.isStartUp"
-                    (click)="showDelModal(data,'启用【'+data.name+'】将会停用正在使用的方案，您是否确定启用【'+data.name+'】？','启用','switch',data.status)">启用</span>
-                  <span *ngIf="coopBtns.isTimedStartUp&&!data.status"
-                    (click)="addDateModal(data)">{{data.timingStatus?'关闭定时启用':'定时启用'}}</span>
-                  <span *ngIf="coopBtns.del&&!data.status" (click)="showDelModal(data,'您确认要删除此方案吗？','删除','del')">删除</span>
-                  <span *ngIf="coopBtns.copy" (click)="copy(data)">复制</span>
-                  <span *ngIf="coopBtns.edit" (click)="edit(data)">编辑</span>
+                  <span *ngIf="coopBtns.look" (click)="detail(data.id)">查看</span>
+                  <span *ngIf="coopBtns.edit&&data.state&&(data.state.value == 1 || data.state.value == 2)" (click)="edit(data)">编辑</span>
+                  <span *ngIf="coopBtns.del&&!data.status" (click)="showDelModal(data,'您确认要删除此问卷吗？','删除','del')">删除</span>
+                  <span *ngIf="coopBtns.look&&data.state&&(data.state.value == 2 || data.state.value == 3)" (click)="recovery(data)">回收数据</span>
+                  <span *ngIf="coopBtns.look&&data.state&&data.state.value == 1" (click)="publish(data)">发布</span>
+                  <span *ngIf="coopBtns.look&&data.state&&data.state.value == 2" (click)="generateLink(data)">链接生成</span>
+                  <span *ngIf="coopBtns.look&&data.state&&data.state.value == 2" (click)="researchCompleted(data)">调研完成</span>
+                  <!-- <span *ngIf="coopBtns.copy" (click)="copy(data)">复制</span> -->
                 </div>
               </td>
             </tr>
@@ -73,8 +76,8 @@
             </nz-form-item>
             <nz-form-item>
               <nz-form-label [nzSpan]="6" [nzXs]="24" nzRequired nzFor="surveyTarget">调查目标</nz-form-label>
-              <nz-form-control nzErrorTip="请输入调查目标!">
-                <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="surveyTarget" nzShowSearch nzPlaceHolder="请选择调研目标">
+              <nz-form-control nzErrorTip="请选择调查目标!">
+                <nz-select [nzDisabled]="!add" [nzDropdownMatchSelectWidth]="false" formControlName="surveyTarget" nzShowSearch nzPlaceHolder="请选择调研目标">
                   <nz-option nzLabel="{{data.name}}" nzValue="{{data.id}}" *ngFor="let data of surveyTargets"></nz-option>
                 </nz-select>
               </nz-form-control>
@@ -83,32 +86,31 @@
         </div>
         <div class=" display_flex justify-content_flex-center">
           <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="btnLoading">配置问题</button>
-          <!-- <button class="btn" nzGhost nzType="primary" nz-button (click)="submitForm(true)" [nzLoading]="btnLoading1"
-            *ngIf="copyModel||!add">完成配置</button> -->
+          <button class="btn" nzGhost nzType="primary" nz-button (click)="submitForm(true)" [nzLoading]="btnLoading1"
+            *ngIf="!add">保存</button>
           <button class="btn cancel" nz-button nzType="default" (click)="hideAddModal()">取消</button>
         </div>
       </div>
     </div>
-    <!-- 定时启用设置日期模态框 -->
-    <div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="dateModal">
-      <div class="modalBody">
-        <div class="title">定时启用<i class="icon_transport transport-guanbi" (click)="hideDateModal()"></i>
+    <!-- 显示生成链接模态框 -->
+    <div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="linkModal">
+      <div class="modalBody" style="width: 640px;">
+        <div class="title">提示<i class="icon_transport transport-guanbi" (click)="hideLinkModal()"></i>
         </div>
-        <div class="content">
-          <form nz-form [formGroup]="validateDateForm" class="addForm" (ngSubmit)="submitDateForm()">
-            <nz-form-item>
-              <nz-form-label [nzSm]="24" [nzXs]="24" nzRequired nzFor="datePickerTime">选择日期</nz-form-label>
-              <nz-form-control [nzSm]="24" [nzXs]="24" nzErrorTip="请选择日期!">
-                <nz-date-picker [ngModel]="datePicker" (ngModelChange)="datePickerChange($event)"
-                  [nzShowTime]="{ nzDefaultOpenValue: timeDefaultValue }" formControlName="datePickerTime"
-                  [nzDisabledTime]="disabledDateTime"></nz-date-picker>
-              </nz-form-control>
-            </nz-form-item>
-          </form>
+        <div class="content" style="display: flex;">
+          <div style="flex: 1;border-right: 2px solid #e5e9ed;">
+            <div>内网链接：<a [href]="coopId.innerLink" target="_blank">{{coopId.innerLink}}</a></div>
+            <div><img style="width: 70%;" [src]="coopId.innerQrcode"></div>
+            <button nz-button nzType="default" (click)="downLoadQrCode(coopId.innerQrcode)">下载二维码</button>
+          </div>
+          <div style="flex: 1;">
+            <div>外网链接：<a [href]="coopId.outLink" target="_blank">{{coopId.outLink}}</a></div>
+            <div><img style="width: 70%;" [src]="coopId.outQrcode"></div>
+            <button nz-button nzType="default" (click)="downLoadQrCode(coopId.innerQrcode)">下载二维码</button>
+          </div>
         </div>
         <div class=" display_flex justify-content_flex-center">
-          <button nzType="primary" nz-button (click)="submitDateForm()" [nzLoading]="btnLoading">确定</button>
-          <button class="btn cancel" nz-button nzType="default" (click)="hideDateModal()">取消</button>
+          <button class="btn cancel" nz-button nzType="default" (click)="hideLinkModal()">知道了</button>
         </div>
       </div>
     </div>

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

@@ -46,6 +46,9 @@
       overflow: hidden;
       margin-top: 12px;
       padding: 16px 0;
+      a:hover{
+        text-decoration: underline;
+      }
 
       & > div {
         text-align: center;

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

@@ -6,8 +6,8 @@ import setMinutes from "date-fns/setMinutes";
 import setHours from "date-fns/setHours";
 
 import { MainService } from "../../services/main.service";
-import { DisabledTimeFn } from "ng-zorro-antd/date-picker/standard-types";
 import { ToolService } from "../../services/tool.service";
+import { NzMessageService } from 'ng-zorro-antd';
 @Component({
   selector: "app-questionnaire-management",
   templateUrl: "./questionnaire-management.component.html",
@@ -19,7 +19,8 @@ export class QuestionnaireManagementComponent implements OnInit {
     private mainService: MainService,
     private route: ActivatedRoute,
     private router: Router,
-    private tool: ToolService
+    private tool: ToolService,
+    private message: NzMessageService
   ) {}
 
   userInfo: any = JSON.parse(localStorage.getItem("user")) || {}; //登录用户信息
@@ -29,10 +30,9 @@ export class QuestionnaireManagementComponent implements OnInit {
   listLength: number = 10; //表格总数据量
   tableHeight: number; //表格动态高
   modal: boolean = false; //新增/编辑模态框
-  dateModal: boolean = false; //定时启用设置日期模态框
+  linkModal: boolean = false; //显示生成链接模态框
   add: boolean; //true:新增；false:编辑
   validateForm: FormGroup; //新增/编辑表单
-  validateDateForm: FormGroup; //定时启动设置日期表单
   coopId: any; //当前操作列
   currentHospital; //当前院区
   timeDefaultValue = setHours(setMinutes(setSeconds(new Date(), 0), 0), 0);
@@ -76,13 +76,13 @@ export class QuestionnaireManagementComponent implements OnInit {
     let data = {
       idx: this.pageIndex - 1,
       sum: this.pageSize,
-      workScheme: {
+      questionnaireManagement: {
         hosId: this.currentHospital.id,
       },
     };
     this.loading1 = true;
     this.mainService
-      .getFetchDataList("configuration", "workScheme", data)
+      .getFetchDataList("api", "questionnaireManagement", data)
       .subscribe((data) => {
         this.loading1 = false;
         if (data.status == 200) {
@@ -107,28 +107,14 @@ export class QuestionnaireManagementComponent implements OnInit {
   }
   // 新增/编辑弹框
   timeFlag = ""; //open开启，close关闭
-  addDateModal(data) {
-    if (!data.timingStatus) {
-      this.datePicker = "";
-    }
-    this.timeFlag = data.timingStatus ? "close" : "open";
+  addLinkModal(data) {
     this.coopId = data;
-    if (this.timeFlag == "close") {
-      this.showDelModal(
-        data,
-        "是否确定关闭定时启用？确定后该方案将不会执行！",
-        "关闭定时启用",
-        "switchTime"
-      );
-    } else {
-      this.dateModal = true;
-    }
-    this.initDateForm();
+    this.linkModal = true;
   }
   //关闭定时启用设置日期弹框
-  hideDateModal() {
-    this.dateModal = false;
-    this.initDateForm();
+  hideLinkModal() {
+    this.linkModal = false;
+    this.getList(0);
   }
   // 初始化新增form表单
   initForm() {
@@ -138,16 +124,34 @@ export class QuestionnaireManagementComponent implements OnInit {
       surveyDescribe: [null, [Validators.required]],
     });
   }
-  // 初始化新增form表单
-  initDateForm() {
-    this.validateDateForm = this.fb.group({
-      datePickerTime: [null, [Validators.required]],
-    });
+  // 查看问题
+  goToQuestions(data){
+    // this.router.navigateByUrl(`/main/questions?id=${data.id}&title=${data.title}&token=${data.token}`);
+    this.router.navigateByUrl(`/main/questions?id=${data.id}`);
+  }
+  // 回收数据
+  recovery(data){
+    console.log(data);
+    this.router.navigateByUrl(`/main/questionnaireAnswer?id=${data.id}`);
+  }
+  // 发布
+  publish(data){
+    console.log(data);
+    this.showDelModal(data,`您确认【${data.title}】要发布进行调研吗？`,'操作','publish')
+  }
+  // 链接生成
+  generateLink(data){
+    console.log(data);
+    this.addLinkModal(data);
+  }
+  // 调研完成
+  researchCompleted(data){
+    console.log(data);
+    this.showDelModal(data,`您确认【${data.title}】已调研完成了吗？`,'操作','complete')
   }
-
   // 新增/编辑表单提交
-  btnLoading1 = false; //完成
-  submitForm(noGoTo?): void {
+  btnLoading1 = false;
+  submitForm(noGoTo=false): void {
     for (const i in this.validateForm.controls) {
       this.validateForm.controls[i].markAsDirty();
       this.validateForm.controls[i].updateValueAndValidity();
@@ -155,19 +159,19 @@ export class QuestionnaireManagementComponent implements OnInit {
     if (this.validateForm.invalid) {
       return;
     }
-    if (noGoTo) {
+    if(noGoTo){
       this.btnLoading1 = true;
-    } else {
+    }else{
       this.btnLoading = true;
     }
-    let data = {};
+    let data:any = {};
 
     if (this.add) {
       //增加
       data = {
         questionnaireManagement: {
           title: this.validateForm.value.title,
-          surveyTarget: { id: parseInt(this.validateForm.value.surveyTarget) },
+          surveyTarget: { id: this.validateForm.value.surveyTarget },
           surveyDescribe: this.validateForm.value.surveyDescribe,
           hosId: this.currentHospital.id,
         },
@@ -176,67 +180,60 @@ export class QuestionnaireManagementComponent implements OnInit {
       //编辑
       data = {
         questionnaireManagement: {
-          id: this.coopId.id,
           title: this.validateForm.value.title,
-          surveyTarget: this.validateForm.value.surveyTarget,
+          surveyTarget: { id: this.validateForm.value.surveyTarget },
           surveyDescribe: this.validateForm.value.surveyDescribe,
-          hosId: this.currentHospital.id,
-        },
-      };
-    }
-    if (this.copyModel) {
-      //复制
-      data = {
-        workScheme: {
-          name: this.validateForm.value.title,
-          workType: this.validateForm.value.surveyTarget,
-          describe: this.validateForm.value.surveyDescribe,
-          status: 0,
-          copy: 1,
-          copySchemeId: this.coopId.id,
-          hosId: this.currentHospital.id,
         },
       };
+      data.questionnaireManagement = Object.assign(this.coopId,data.questionnaireManagement);
     }
+    // if (this.copyModel) {
+    //   //复制
+    //   data = {
+    //     workScheme: {
+    //       name: this.validateForm.value.title,
+    //       workType: this.validateForm.value.surveyTarget,
+    //       describe: this.validateForm.value.surveyDescribe,
+    //       status: 0,
+    //       copy: 1,
+    //       copySchemeId: this.coopId.id,
+    //       hosId: this.currentHospital.id,
+    //     },
+    //   };
+    // }
     this.mainService
-      .apiPost("addData", "questionnaireManagement", data)
+      .apiPost(this.add?"addData":'updData', "questionnaireManagement", data)
       .subscribe((result) => {
-        if (noGoTo) {
+        if(noGoTo){
           this.btnLoading1 = false;
-        } else {
+        }else{
           this.btnLoading = false;
         }
         this.hideAddModal();
         this.initForm();
         if (result.status == 200) {
-          if (this.copyModel) {
-            //复制
-            this.listLength++;
-            this.showPromptModal("复制", true, "");
-            if (!noGoTo) {
-              this.router.navigateByUrl(
-                `/main/quickCombination?id=${result.data.id}&name=${result.data.name}&type=${result.data.workType}`
-              );
-            }
-            return;
-          }
+          // if (this.copyModel) {
+          //   //复制
+          //   this.listLength++;
+          //   this.showPromptModal("复制", true, "");
+          //   if (!noGoTo) {
+          //     this.router.navigateByUrl(
+          //       `/main/quickCombination?id=${result.data.id}&name=${result.data.name}&type=${result.data.workType}`
+          //     );
+          //   }
+          //   return;
+          // }
           if (!this.add) {
             //编辑
             this.showPromptModal("编辑", true, "");
-            if (!noGoTo) {
-              this.router.navigateByUrl(
-                `/main/quickCombination?id=${result.data.id}&name=${result.data.name}&type=${result.data.workType}`
-              );
-            }
+            !noGoTo && this.goToQuestions(this.coopId);
             return;
           }
           if (this.add) {
             this.listLength++;
           }
-          return;
-          this.router.navigateByUrl(
-            `/main/quickCombination?id=${result.data.id}&name=${result.data.name}&type=${result.data.workType}`
-          );
+          this.message.create('success', `问卷新增成功`);
+          this.goToQuestions(result.data);
         } else {
           let msg = "";
           if (this.add) {
@@ -251,62 +248,6 @@ export class QuestionnaireManagementComponent implements OnInit {
         }
       });
   }
-  // 时间选择范围
-  disabledDateTime: DisabledTimeFn = () => {
-    return {
-      nzDisabledHours: () => [],
-      nzDisabledMinutes: () => [],
-      nzDisabledSeconds: () => this.range(1, 60),
-    };
-  };
-  range(start: number, end: number): number[] {
-    const result: number[] = [];
-    for (let i = start; i < end; i++) {
-      result.push(i);
-    }
-    return result;
-  }
-  // 选择日期表单提交
-  submitDateForm(): void {
-    this.btnLoading = true;
-    for (const i in this.validateDateForm.controls) {
-      this.validateDateForm.controls[i].markAsDirty();
-      this.validateDateForm.controls[i].updateValueAndValidity();
-    }
-    if (this.validateDateForm.invalid) {
-      this.btnLoading = false;
-      return;
-    }
-    let data = {};
-    let todayDate = new Date(this.validateDateForm.value.datePickerTime);
-    let year = todayDate.getFullYear();
-    let month = (todayDate.getMonth() + 1).toString().padStart(2, "0");
-    let date = todayDate.getDate().toString().padStart(2, "0");
-    let hour = todayDate.getHours().toString().padStart(2, "0");
-    let minutes = todayDate.getMinutes().toString().padStart(2, "0");
-    // 2020-07-28 16:45:00
-    data = {
-      workScheme: {
-        id: this.coopId.id,
-        timingStatus: 1,
-        startTime: `${year}-${month}-${date} ${hour}:${minutes}:00`,
-        hosId: this.currentHospital.id,
-      },
-    };
-    this.mainService
-      .coopTypeConfig("addData", "workScheme", data)
-      .subscribe((data) => {
-        this.btnLoading = false;
-        this.hideDateModal();
-        this.initDateForm();
-        if (data.status == 200) {
-          this.listLength++;
-          this.showPromptModal("定时启用时间设置", true, "");
-        } else {
-          this.showPromptModal("定时启用时间设置", false, data.msg);
-        }
-      });
-  }
 
   // 编辑
   edit(data) {
@@ -316,9 +257,9 @@ export class QuestionnaireManagementComponent implements OnInit {
     this.modal = true;
     this.coopId = data;
     this.copyModel = false;
-    this.validateForm.controls.title.setValue(data.name); //名称
-    this.validateForm.controls.surveyTarget.setValue(data.workType + ""); //类型
-    this.validateForm.controls.surveyDescribe.setValue(data.describe); //描述
+    this.validateForm.controls.title.setValue(data.title); //问卷标题
+    this.validateForm.controls.surveyTarget.setValue(data.surveyTarget?data.surveyTarget.id.toString():''); //调查目标
+    this.validateForm.controls.surveyDescribe.setValue(data.surveyDescribe); //问卷描述
   }
   //复制
   copyModel = false; //复制
@@ -357,26 +298,33 @@ export class QuestionnaireManagementComponent implements OnInit {
     tipsMsg1: string,
     tipsMsg2: string,
     type: string,
-    isSwitch?: boolean
   ) {
-    this.confirmDelIsSwitch = isSwitch;
     this.confirmDelType = type;
     this.delModal = true;
     this.coopId = data;
     this.tipsMsg1 = tipsMsg1;
     this.tipsMsg2 = tipsMsg2;
   }
-  // 隐藏删除框
+  // 隐藏框
   hideDelModal() {
     this.delModal = false;
   }
-  // 确认删除
+  // 下载二维码
+  downLoadQrCode(base64Img){
+    let link = document.createElement('a')
+    link.href = base64Img
+    link.download = 'qrCode-'+ Date.now()
+    let event = document.createEvent('MouseEvents')
+    event.initMouseEvent('click',true,false,window,0,0,0,0,0,false,false,false,false,0,null)
+    link.dispatchEvent(event);
+  }
+  // 确认
   confirmDel() {
     this.btnLoading = true;
     if (this.confirmDelType === "del") {
       //删除
       this.mainService
-        .coopTypeConfig("rmvData", "workScheme", [this.coopId.id])
+        .apiPost("rmvData", "questionnaireManagement", [this.coopId.id])
         .subscribe((data) => {
           this.btnLoading = false;
           this.delModal = false;
@@ -397,70 +345,112 @@ export class QuestionnaireManagementComponent implements OnInit {
             this.showPromptModal(this.tipsMsg2, false, data.msg);
           }
         });
-    } else if (this.confirmDelType === "switch") {
-      //启用
-      let data = {
-        workScheme: {
-          id: this.coopId.id,
-          hosId: this.currentHospital.id,
-          status: 1,
-          workType: this.coopId.workType,
-        },
-      };
+    }else if (this.confirmDelType === "publish"){
+      // 发布
       this.mainService
-        .coopConfig("activeWorkScheme", data)
-        .subscribe((result) => {
-          this.btnLoading = false;
-          this.delModal = false;
-          if (result.status == 200) {
-            this.showPromptModal(this.tipsMsg2, true, "");
-          } else {
-            this.showPromptModal(this.tipsMsg2, false, result.msg);
-          }
-        });
-    } else if (this.confirmDelType === "switchTime") {
-      //关闭定时启用
-      let data = {
-        workScheme: {
-          id: this.coopId.id,
-          hosId: this.currentHospital.id,
-          timingStatus: 0,
-        },
-      };
+      .managerQuestionnaire({
+        survey_state: 2,//已发布
+        qmId:this.coopId.id
+      })
+      .subscribe((data:any) => {
+        this.btnLoading = false;
+        this.delModal = false;
+        if (data.status == 200) {
+          this.message.create('success', `操作成功`);
+          this.addLinkModal(data.data);
+          this.getList(0);
+        } else {
+          this.showPromptModal(this.tipsMsg2, false, data.msg);
+        }
+      });
+    }else if (this.confirmDelType === "complete"){
+      // 发布
       this.mainService
-        .coopTypeConfig("addData", "workScheme", data)
-        .subscribe((result) => {
-          this.btnLoading = false;
-          this.delModal = false;
-          if (result.status == 200) {
-            this.showPromptModal(this.tipsMsg2, true, "");
-          } else {
-            this.showPromptModal(this.tipsMsg2, false, result.msg);
-          }
-        });
+      .managerQuestionnaire({
+        survey_state: 3,//调研完成
+        qmId:this.coopId.id
+      })
+      .subscribe((data:any) => {
+        this.btnLoading = false;
+        this.delModal = false;
+        if (data.status == 200) {
+          this.message.create('success', `操作成功`);
+          this.getList(0);
+        } else {
+          this.showPromptModal(this.tipsMsg2, false, data.msg);
+        }
+      });
     }
+    // if (this.confirmDelType === "del") {
+    //   //删除
+    //   this.mainService
+    //     .apiPost("rmvData", "questionnaireManagement", [this.coopId.id])
+    //     .subscribe((data) => {
+    //       this.btnLoading = false;
+    //       this.delModal = false;
+    //       if (data.status == 200) {
+    //         if (
+    //           this.listOfData.length == 1 &&
+    //           this.pageIndex == Math.ceil(this.listLength / this.pageSize)
+    //         ) {
+    //           this.listLength--;
+    //           if (this.listLength === 0) {
+    //             this.pageIndex = 1;
+    //           } else {
+    //             this.pageIndex = Math.ceil(this.listLength / this.pageSize);
+    //           }
+    //         }
+    //         this.showPromptModal(this.tipsMsg2, true, "");
+    //       } else {
+    //         this.showPromptModal(this.tipsMsg2, false, data.msg);
+    //       }
+    //     });
+    // } else if (this.confirmDelType === "switch") {
+    //   //启用
+    //   let data = {
+    //     workScheme: {
+    //       id: this.coopId.id,
+    //       hosId: this.currentHospital.id,
+    //       status: 1,
+    //       workType: this.coopId.workType,
+    //     },
+    //   };
+    //   this.mainService
+    //     .coopConfig("activeWorkScheme", data)
+    //     .subscribe((result) => {
+    //       this.btnLoading = false;
+    //       this.delModal = false;
+    //       if (result.status == 200) {
+    //         this.showPromptModal(this.tipsMsg2, true, "");
+    //       } else {
+    //         this.showPromptModal(this.tipsMsg2, false, result.msg);
+    //       }
+    //     });
+    // } else if (this.confirmDelType === "switchTime") {
+    //   //关闭定时启用
+    //   let data = {
+    //     workScheme: {
+    //       id: this.coopId.id,
+    //       hosId: this.currentHospital.id,
+    //       timingStatus: 0,
+    //     },
+    //   };
+    //   this.mainService
+    //     .coopTypeConfig("addData", "workScheme", data)
+    //     .subscribe((result) => {
+    //       this.btnLoading = false;
+    //       this.delModal = false;
+    //       if (result.status == 200) {
+    //         this.showPromptModal(this.tipsMsg2, true, "");
+    //       } else {
+    //         this.showPromptModal(this.tipsMsg2, false, result.msg);
+    //       }
+    //     });
+    // }
   }
 
   // 查看
   detail(id) {
-    this.router.navigateByUrl(
-      "/main/workAssignment/workAssignmentDetail/" + id
-    );
-  }
-  //时间选择框相关
-  defaultTimePickerOpenValue = new Date();
-  // 更改日期
-  datePicker;
-  datePickerChange(e) {
-    if (!e) {
-      return;
-    }
-    let todayDate = new Date(e);
-    let year = todayDate.getFullYear();
-    let month = (todayDate.getMonth() + 1).toString().padStart(2, "0");
-    let date = todayDate.getDate().toString().padStart(2, "0");
-    let hour = todayDate.getHours().toString().padStart(2, "0");
-    let minutes = todayDate.getMinutes().toString().padStart(2, "0");
-    this.datePicker = `${year}-${month}-${date} ${hour}:${minutes}:00`;
+    this.router.navigateByUrl("/main/questionnaireManagement/questionnaireManagementDetail/" + id);
   }
 }

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

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

src/app/views/questions/questions.component.html

@@ -0,0 +1,138 @@
+<div class="list-template">
+    <div class="list-template__content">
+      <div class="list-template__top" nz-row>
+        <div nz-col nzXl="15" class="list-template__btns justify-content_flex-start">
+          <h2 class="qName">问卷名称：{{queryParamsName}}</h2>
+          <button class="btn default" nz-button (click)="goToWorkAssignment()">返回</button>
+        </div>
+        <div nz-col nzXl="9" class="list-template__btns">
+          <button class="btn default" nzType="primary" nz-button (click)="addModal()">新增问题</button>
+          <button [disabled]="!checkedDepIds.length||!listOfData.length" class="btn default ml8" nzType="primary"
+            nz-button (click)="showDelModal($event,checkedDepIds,'是否确定批量删除选中的问题？','删除','del')">批量删除</button>
+        </div>
+      </div>
+      <div class="list-template__top" nz-row>
+        <div nz-col nzXl='15' class="list-template__searchBox">
+          <!-- <div class="list-template__searchItem">
+            <span class="label label--big">快捷组合名称：</span>
+            <input nz-input class="formItem" placeholder="请输入关键字" [(ngModel)]="searchCriteria.name" />
+          </div>
+          <div class="list-template__searchItem">
+            <span class="label">工作模式：</span>
+            <nz-select [nzDropdownMatchSelectWidth]="false" class="formItem" nzShowSearch nzPlaceHolder="请选择工作模式"
+              [(ngModel)]="searchCriteria.workModel">
+              <nz-option nzLabel="{{data.name}}" nzValue="{{data.id}}" *ngFor="let data of allWorkModel"></nz-option>
+            </nz-select>
+          </div> -->
+        </div>
+        <div nz-col nzXl="9" class="list-template__btns">
+          <!-- <button class="btn default" nzType="primary" nz-button (click)="reset()">重置</button> -->
+          <button class="btn default ml8" nzType="primary" nz-button (click)="getList(1)">搜索</button>
+          <!-- <a class="btn default ml8" style="text-align: center;" [routerLink]="'/preview?token='+ queryParamsToken" target="_blank">预览</a> -->
+          <a class="btn default ml8" style="text-align: center;" [queryParams]="{'token': queryParamsToken}" [routerLink]="['/preview']" target="_blank">预览</a>
+        </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="5%" nzShowCheckbox [(nzChecked)]="isAllDisplayDataChecked"
+                (nzCheckedChange)="checkAll($event)"></th>
+              <th nzWidth="5%">排序号</th>
+              <th nzWidth="60%">问题描述</th>
+              <th nzWidth="10%">答题方式</th>
+              <th nzWidth="20%">操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr *ngFor="let data of listOfData;let i = index" (click)="selectedListData(data.id)">
+              <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" (nzCheckedChange)="refreshStatus()"></td>
+              <td>{{data.orders || '无'}}</td>
+              <td>{{data.describe || '无'}}</td>
+              <td>{{data.answerMode?data.answerMode.name:'无'}}</td>
+              <td>
+                <div class="coop">
+                  <!-- <span (click)="copy($event,data)">复制</span> -->
+                  <span (click)="edit($event,data)">修改</span>
+                  <span (click)="showDelModal($event,data.id,'是否确定删除该问题？','删除','del')">删除</span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </nz-table>
+        <div class="list-template__pagination">
+          <nz-pagination nzShowSizeChanger [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" [(nzPageSize)]="pageSize"
+            (nzPageIndexChange)="getList(0)" (nzPageSizeChange)="getList(0)">
+          </nz-pagination>
+        </div>
+      </div>
+    </div>
+  
+    <!-- 新增/编辑模态框 -->
+    <div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modal">
+      <div class="modalBody">
+        <div class="title">{{add?"新增":"编辑"}}问题<i class="icon_transport transport-guanbi" (click)="hideAddModal()"></i>
+        </div>
+        <div class="content">
+          <form nz-form [formGroup]="validateForm" class="addForm">
+            <nz-form-item>
+              <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="describe">问题描述</nz-form-label>
+              <nz-form-control nzErrorTip="请输入问题描述!">
+                <textarea rows="2" class="mt8" formControlName="describe" nz-input placeholder="请输入问题描述"></textarea>
+              </nz-form-control>
+            </nz-form-item>
+            <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="orders">排序号</nz-form-label>
+              <nz-form-control nzErrorTip="请输入排序号!">
+                <input #inputElement nz-input placeholder="输入一个整数" formControlName="orders" (ngModelChange)="onChange($event)" />
+              </nz-form-control>
+            </nz-form-item>
+            <nz-form-item>
+              <nz-form-label [nzSpan]="6" [nzXs]="24" nzRequired nzFor="answerMode">答题方式</nz-form-label>
+              <nz-form-control nzErrorTip="请选择答题方式!">
+                <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="answerMode" nzShowSearch nzPlaceHolder="请选择答题方式">
+                  <nz-option nzLabel="{{data.name}}" nzValue="{{data.id}}" *ngFor="let data of answerModes"></nz-option>
+                </nz-select>
+              </nz-form-control>
+            </nz-form-item>
+          </form>
+          <ng-container *ngIf="validateForm.value.answerMode == answerModesRadioValue">
+            <div *ngFor="let item of qItems;let i = index;">
+              <input nz-input [placeholder]="'选项'+ (i + 1)" class="mb8" [(ngModel)]="item.value" />
+            </div>
+          </ng-container>
+        </div>
+        <div class=" display_flex justify-content_flex-center">
+          <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="btnLoading">保存</button>
+          <button class="btn cancel" nz-button nzType="default" (click)="hideAddModal()">取消</button>
+        </div>
+      </div>
+    </div>
+    <!-- 删除模态框 -->
+    <app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
+      (confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>
+  </div>
+  <!-- 提示模态框 -->
+  <div class="save display_flex justify-content_flex-center align-items_center" *ngIf="tipModal">
+    <div class="modalBody">
+      <div class="title">提示<i class="icon_transport transport-guanbi" (click)="hideTipModal()"></i></div>
+      <div class="content">
+        <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+        <div class="defeat" style="font-size: 16px;">是否确定离开该界面，如果未点击生效，数据可能会遗失？</div>
+      </div>
+      <div class="display_flex justify-content_flex-center">
+        <button nz-button nzType="primary" (click)="confirmTip()">确认</button>
+        <button class="btn cancel " nz-button nzType="default" (click)="hideTipModal()">关闭</button>
+      </div>
+    </div>
+  </div>
+  <!-- 操作成功/失败提示框 -->
+  <app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+    [info]="promptInfo" [loading]="showLoading">
+  </app-prompt-modal>
+  <!-- 查看详情 -->
+  <router-outlet></router-outlet>
+  <!-- 遮罩 -->
+  <app-mask *ngIf="maskFlag"></app-mask>
+  

src/app/views/questions/questions.component.less

@@ -0,0 +1,200 @@
+@import "../../../../src/theme.less";
+
+:host {
+  ::ng-deep span.ant-radio + * {
+    padding-right: 4px !important;
+    padding-left: 4px !important;
+  }
+  .orderPlanTimeShow1 {
+    overflow: hidden;
+    width: 170px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .orderPlanTimeShow2 {
+    overflow: hidden;
+    width: 160px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .orderPlanTimeShow3 {
+    overflow: hidden;
+    width: 170px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  ::ng-deep .ant-calendar-picker {
+    width: 100% !important;
+  }
+  .qName {
+    margin-right: 16px;
+    font-weight: bold;
+    font-size: 18px;
+    color: #333;
+    margin-bottom: 0;
+    margin-top: 4px;
+  }
+}
+
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 350px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .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;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      padding: 16px 0;
+      textarea {
+        resize: none;
+      }
+
+      & > div {
+        text-align: center;
+        margin: 0;
+
+        &.icon {
+          i {
+            color: #34b349;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+
+            &.transport-shibai {
+              color: #ff3a52;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 14px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+      .workAssignmentTips {
+        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 {
+          .workAssignmentDescribe {
+            margin-top: 8px;
+          }
+          .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;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/app/views/questions/questions.component.ts

@@ -0,0 +1,423 @@
+import { Component, OnInit, ViewChild, ElementRef } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { FormBuilder, Validators, FormGroup } from "@angular/forms";
+import setSeconds from "date-fns/setSeconds";
+import setMinutes from "date-fns/setMinutes";
+import setHours from "date-fns/setHours";
+
+import { MainService } from "../../services/main.service";
+import { ToolService } from "../../services/tool.service";
+import { NzMessageService } from "ng-zorro-antd";
+@Component({
+  selector: "app-questions",
+  templateUrl: "./questions.component.html",
+  styleUrls: ["./questions.component.less"],
+})
+export class QuestionsComponent implements OnInit {
+  @ViewChild("inputElement", { static: false }) inputElement: ElementRef;
+  constructor(
+    private message: NzMessageService,
+    private fb: FormBuilder,
+    private mainService: MainService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private tool: ToolService
+  ) {
+    this.route.queryParams.subscribe((res) => {
+      this.queryParamsId = res.id;
+      this.queryParamsToken = res.token;
+      this.queryParamsName = res.title;
+    });
+  }
+  searchCriteria = {
+    //搜索条件
+    name: "",
+    workModel: null,
+  };
+  allWorkModel = [
+    { id: 1, name: "自由抢单" },
+    { id: 2, name: "指定分组" },
+    { id: 3, name: "科室绑定人员" },
+    { id: 4, name: "科室绑定分组" },
+  ];
+  quickCombinationModel;
+  requireGroup = false;
+  requireDept = false;
+  queryParamsId = ""; //方案id
+  queryParamsToken = ""; //方案token
+  queryParamsName = ""; //方案名称
+  userInfo: any = JSON.parse(localStorage.getItem("user")) || {}; //登录用户信息
+  listOfData: any[] = []; //表格数据
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+  tableHeight: number; //表格动态高
+  modal: boolean = false; //新增/编辑模态框
+  personModal: boolean = false; //定时启用设置日期模态框
+  groupsModal: boolean = false; //定时启用设置日期模态框
+  add: boolean; //true:新增；false:编辑
+  validateForm: FormGroup; //新增/编辑表单
+  validateDateForm: FormGroup; //定时启动设置日期表单
+  validatePersonForm: FormGroup; //
+  validateGroupForm: FormGroup; //
+  coopId: number; //当前操作列id
+  timeDefaultValue = setHours(setMinutes(setSeconds(new Date(), 0), 0), 0);
+
+  btnLoading: boolean = false; //提交按钮loading状态
+  currentHospital; //当前院区
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+  showLoading = false; //操作是否显示loading
+
+  classList = []; //班次列表
+  maskFlag: any = false;
+  qItems: any = []; //10个选项
+  // -----------------------
+
+  ngOnInit() {
+    this.getOneQuestionnaireManagement();
+    Array(10).fill('').forEach((v, i)=>{
+      this.qItems.push({id:i+1, value:''});
+    })
+    console.log(this.qItems)
+    this.currentHospital = this.tool.getCurrentHospital();
+    this.initForm();
+    this.getList(1);
+    this.getAnswerModes();
+  }
+  // 获取问卷数据
+  getOneQuestionnaireManagement(){
+    this.mainService.getFetchData('api', "questionnaireManagement", this.queryParamsId).subscribe(res=>{
+      if(res.status == 200){
+        this.queryParamsToken = res.data.token;
+        this.queryParamsName = res.data.title;
+      }
+    })
+  }
+  // 重置
+  reset() {
+    this.searchCriteria = {
+      //搜索条件
+      name: "",
+      workModel: null,
+    };
+    this.getList(1);
+  }
+  // 表格数据
+  loading1 = false;
+  getList(type) {
+    if (type == 1) {
+      this.pageIndex = 1;
+    }
+    let data = {
+      questionnaireInfo: {
+        managementId: this.queryParamsId,
+      },
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+    };
+    this.loading1 = true;
+    this.mainService
+      .getFetchDataList("api", "questionnaireInfo", data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          this.listOfData = data.list;
+          this.listLength = data.totalNum;
+        }
+      });
+  }
+
+  // 新增/编辑弹框
+  addModal() {
+    this.add = true; //新增
+    this.modal = true;
+    this.initForm();
+  }
+  //关闭新增/编辑弹框
+  hideAddModal() {
+    this.modal = false;
+    this.copyFlag = false;
+    this.initForm();
+  }
+  // 修改排序号
+  onChange(value: string): void {
+    if (value !== "") {
+      let oValue = parseInt(value);
+      this.inputElement.nativeElement.value = isNaN(oValue)?'':(oValue?oValue:'');
+    }
+  }
+  // 获取字典数据-答题方式
+  answerModes: any[] = [];
+  answerModesRadioValue;
+  getAnswerModes() {
+    this.mainService.getDictionary("list", "answer_mode").subscribe((data) => {
+      this.answerModes = data;
+      this.answerModesRadioValue = data.find((v) => v.value == 1).id;
+    });
+  }
+  // 初始化新增form表单
+  initForm() {
+    this.quickCombinationModel = "";
+    this.validateForm = this.fb.group({
+      describe: [null, [Validators.required]],
+      orders: [null, [Validators.required]],
+      answerMode: [null, [Validators.required]],
+    });
+  }
+  // 初始化新增form表单
+  initPersonForm() {
+    this.validatePersonForm = this.fb.group({
+      quickCombinationPerson: [null, [Validators.required]],
+    });
+  }
+  // 初始化新增form表单
+  initGroupsForm() {
+    this.validateGroupForm = this.fb.group({
+      quickCombinationGroups: [null, [Validators.required]],
+    });
+  }
+  // 新增/编辑表单提交
+  submitForm(): void {
+    for (const i in this.validateForm.controls) {
+      this.validateForm.controls[i].markAsDirty();
+      this.validateForm.controls[i].updateValueAndValidity();
+    }
+    console.log(this.validateForm);
+    this.btnLoading = true;
+
+    if (this.validateForm.invalid) {
+      this.btnLoading = false;
+      return;
+    }
+    let data:any = {};
+    if(this.add){
+      data = { 
+        questionnaireInfo: {
+          hosId: this.currentHospital.id,
+          managementId: this.queryParamsId,
+          describe: this.validateForm.value.describe,
+          orders: this.validateForm.value.orders,
+          answerMode: {id: this.validateForm.value.answerMode},
+        }
+      };
+      if(this.validateForm.value.answerMode == this.answerModesRadioValue){
+        this.qItems.forEach((v, i)=>{
+          data.questionnaireInfo['option' + (i + 1)] = v.value;
+        })
+      }
+    }else{
+      data = { 
+        questionnaireInfo: {
+          describe: this.validateForm.value.describe,
+          orders: this.validateForm.value.orders,
+          answerMode: {id: this.validateForm.value.answerMode},
+        }
+      };
+      if(this.validateForm.value.answerMode == this.answerModesRadioValue){
+        this.qItems.forEach((v, i)=>{
+          data.questionnaireInfo['option' + (i + 1)] = v.value;
+        })
+      }else{
+        Array(10).fill('').forEach((v, i)=>{
+          data.questionnaireInfo['option' + (i + 1)] = v
+        })
+      }
+      data.questionnaireInfo = Object.assign(this.info,data.questionnaireInfo);
+      console.log(data);
+    }
+    this.mainService
+      .coopTypeConfig(
+        this.add || (!this.add && this.copyFlag) ? "addData" : "updData",
+        "questionnaireInfo",
+        data
+      )
+      .subscribe((result) => {
+        this.btnLoading = false;
+        if (result.status == 200) {
+          console.log(this.copyFlag);
+          if (this.add) {
+            this.showPromptModal("新增", true, "");
+            this.listLength++;
+          } else if (this.copyFlag) {
+            this.showPromptModal("复制", true, "");
+            this.listLength++;
+          } else if (!this.copyFlag) {
+            //编辑
+            this.showPromptModal("编辑", true, "");
+          }
+        } else {
+          let msg = "";
+          if (this.add) {
+            msg = "新增";
+          } else if (!this.copyFlag) {
+            msg = "修改";
+          } else if (this.copyFlag) {
+            msg = "复制";
+          }
+          this.showPromptModal(msg, false, result.msg);
+        }
+        this.hideAddModal();
+        this.initForm();
+      });
+  }
+  // 复制
+  copyFlag = false;
+  copy(e, data) {
+    e.stopPropagation();
+    console.log(data);
+    this.add = false;
+    this.copyFlag = true;
+    this.coopId = data.id;
+    this.info = data;
+  }
+  // 编辑
+  info; //编辑时候保存的信息
+  edit(e, data) {
+    e.stopPropagation();
+    console.log(data);
+    this.add = false;
+    this.coopId = data.id;
+    this.info = data;
+    this.validateForm.controls.describe.setValue(data.describe); //问卷描述
+    this.validateForm.controls.orders.setValue(data.orders); //排序号
+    this.validateForm.controls.answerMode.setValue(data.answerMode?data.answerMode.id.toString():''); //答题方式
+    if(data.answerMode && data.answerMode.id){
+      this.qItems.forEach((v, i)=>{
+        v.value = data['option'+ (i+1)]
+      })
+    }
+    this.modal = true;
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  // promptModalUrl = '';
+  showPromptModal(con, success, promptInfo?, loading?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    if (loading !== undefined) {
+      this.showLoading = loading;
+    } else {
+      this.showLoading = false;
+      this.getList(0);
+    }
+    // this.promptModalUrl = url;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+  // 选中表格中快捷建单
+  isAllDisplayDataChecked = false; //当前页是否全选
+  mapOfCheckedId = {};
+  checkedDepIds = []; //已选中快捷建单id
+  refreshStatus(): void {
+    this.isAllDisplayDataChecked = this.listOfData.every(
+      (item) => this.mapOfCheckedId[item.id]
+    );
+    let arr = [];
+    for (var k in this.mapOfCheckedId) {
+      if (this.mapOfCheckedId[k]) {
+        arr.push(Number(k));
+      }
+    }
+    this.checkedDepIds = arr;
+    console.log(this.checkedDepIds, this.isAllDisplayDataChecked);
+  }
+  // 整行选中或不选中
+  selectedListData(id) {
+    this.mapOfCheckedId[id] = !this.mapOfCheckedId[id];
+    this.refreshStatus();
+  }
+  // 全选
+  checkAll(value: boolean): void {
+    this.listOfData.forEach((item) => (this.mapOfCheckedId[item.id] = value));
+    this.refreshStatus();
+  }
+
+  // 删除轮巡计划
+  delModal: boolean = false; //删除模态框
+  tipsMsg1: string; //提示框信息
+  tipsMsg2: string; //操作后信息
+  confirmDelType: string; //确认的类型（启用/停用，删除）
+  confirmDelIsSwitch: boolean; //启用/停用
+  showDelModal(
+    e,
+    id: any,
+    tipsMsg1: string,
+    tipsMsg2: string,
+    type: string,
+    isSwitch?: boolean
+  ) {
+    e.stopPropagation();
+    this.confirmDelIsSwitch = isSwitch;
+    this.confirmDelType = type;
+    this.delModal = true;
+    this.coopId = id;
+    this.tipsMsg1 = tipsMsg1;
+    this.tipsMsg2 = tipsMsg2;
+  }
+  // 隐藏删除框
+  hideDelModal() {
+    this.delModal = false;
+  }
+  // 确认删除
+  confirmDel() {
+    this.btnLoading = true;
+    if (this.confirmDelType === "del") {
+      //删除
+      let arrData = [];
+      if (Array.isArray(this.coopId)) {
+        arrData = this.coopId;
+      } else {
+        arrData = [this.coopId];
+      }
+      this.mainService
+        .coopTypeConfig("rmvData", "questionnaireInfo", arrData)
+        .subscribe((data) => {
+          this.btnLoading = false;
+          this.delModal = false;
+          if (data.status == 200) {
+            if (
+              this.listOfData.length == 1 &&
+              this.pageIndex == Math.ceil(this.listLength / this.pageSize)
+            ) {
+              this.listLength--;
+              if (this.listLength === 0) {
+                this.pageIndex = 1;
+              } else {
+                this.pageIndex = Math.ceil(this.listLength / this.pageSize);
+              }
+            }
+            this.showPromptModal(this.tipsMsg2, true, "");
+            this.isAllDisplayDataChecked = false;
+            this.checkedDepIds = [];
+            this.mapOfCheckedId = {};
+          } else {
+            this.showPromptModal(this.tipsMsg2, false, data.msg);
+          }
+        });
+    }
+  }
+  // ----------返回拦截------------
+  tipModal = false;
+  // tipMsg1 = '是否确定离开该界面，如果未点击生效，数据可能会遗失？';
+  // 隐藏模态框
+  hideTipModal() {
+    // this.tipModal = false;
+  }
+  // 返回
+  goToWorkAssignment() {
+    // this.tipModal = true;
+    this.router.navigateByUrl(`/main/questionnaireManagement`);
+  }
+  // 模态框确认
+  confirmTip() {
+    // this.tipModal = false;
+    // this.router.navigateByUrl(`/main/workAssignment`);
+  }
+}

src/app/views/questions/questions.module.ts

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