@lm_fe/pages 0.1.201 → 0.2.5

package/dist/a_chunks/src.pages.questionnaire.js

@@ -0,0 +1,1633 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import { s as styleInject, _ as __spreadArray, a as __assign, b as __awaiter, c as __generator } from './index.js';
+import React, { useRef, useState, Fragment, useEffect } from 'react';
+import { MyIcon, Select_L, SimpleForm, Table_L } from '@lm_fe/components';
+import { mchcEnv } from '@lm_fe/env';
+import { identity } from '@lm_fe/utils';
+import { List, Card, Checkbox, Input, Row, Col, InputNumber, Button, Form, Tabs, message, Radio, Rate, Space, Steps } from 'antd';
+import { mchcEnums, SMchc_Questionnaire } from '@lm_fe/service';
+import 'classnames';
+import 'lodash';
+import '@lm_fe/components_m';
+import '@lm_fe/provoke';
+var css_248z$3 = ".step1-module_questionnaire-steps__WyY-T {\n  background-color: white;\n  height: 70px;\n  display: flex;\n  align-items: center;\n  padding: 0 15% !important;\n  margin-bottom: 8px;\n}\n.step1-module_questionnaire-steps-content__aeFQi {\n  padding: 16px;\n  background-color: white;\n}\n.step1-module_follow-up-step1__9gMs- .ant-col {\n  height: 100% !important;\n}\n.step1-module_follow-up-step1__9gMs- .ant-list-item {\n  height: 100%;\n  border-radius: 4px;\n}\n.step1-module_follow-up-step1__9gMs- .ant-list-item .step1-module_ant-card-meta-detail__jATy- .step1-module_ant-card-meta-description__36HNp,\n.step1-module_follow-up-step1__9gMs- .ant-list-item .step1-module_ant-card-meta-detail__jATy- .step1-module_ant-card-actions__y6sR6,\n.step1-module_follow-up-step1__9gMs- .ant-list-item .step1-module_ant-card-meta-detail__jATy- .step1-module_ant-card-meta-title__ka5tA {\n  color: #333;\n}\n.step1-module_follow-up-step1__9gMs- .ant-list-item .step1-module_ant-card-actions__y6sR6 > li {\n  color: #333;\n}\n.step1-module_follow-up-step1__9gMs- .step1-module_item-top__OsDF4 {\n  text-align: center;\n}\n.step1-module_follow-up-step1__9gMs- .step1-module_item-top-img__-H7xD {\n  height: 100px;\n  width: auto;\n  margin: 10px 0;\n}\n.step1-module_follow-up-new-item__ttnj1 {\n  width: 100%;\n  height: 80%;\n  padding-top: 20px;\n  color: #5050e8;\n  background-color: #fff;\n  border-color: red;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  background-image: url('/lm_imgs/qn/questionnaire-item-bg.png');\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: pointer;\n}\n.step1-module_follow-up-new-item__ttnj1:hover {\n  border-color: transparent;\n  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);\n}\n.step1-module_follow-up-new-item__ttnj1 span {\n  display: block;\n  font-weight: bold;\n  font-size: 18px;\n}\n.step1-module_follow-up-new-item__ttnj1 .step1-module_anticon__U4Mhm {\n  font-size: 56px;\n}\n";
+var styles$3 = {
+  "questionnaire-steps": "step1-module_questionnaire-steps__WyY-T",
+  "questionnaire-steps-content": "step1-module_questionnaire-steps-content__aeFQi",
+  "follow-up-step1": "step1-module_follow-up-step1__9gMs-",
+  "ant-card-meta-detail": "step1-module_ant-card-meta-detail__jATy-",
+  "ant-card-meta-description": "step1-module_ant-card-meta-description__36HNp",
+  "ant-card-actions": "step1-module_ant-card-actions__y6sR6",
+  "ant-card-meta-title": "step1-module_ant-card-meta-title__ka5tA",
+  "item-top": "step1-module_item-top__OsDF4",
+  "item-top-img": "step1-module_item-top-img__-H7xD",
+  "follow-up-new-item": "step1-module_follow-up-new-item__ttnj1",
+  "anticon": "step1-module_anticon__U4Mhm"
+};
+styleInject(css_248z$3);
+var itemBgColors = ['#FFEFDD', '#FBDDDD', '#DDF3FB', '#DDFBE4', '#E8DDFB'];
+function Step1(props) {
+  var handleInitQuestions = props.handleInitQuestions,
+    templateList = props.templateList,
+    onDeleteTemplate = props.onDeleteTemplate,
+    _a = props.selected,
+    selected = _a === void 0 ? [] : _a,
+    onSelect = props.onSelect;
+  function handleNewTemplate() {
+    handleInitQuestions({});
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$3["follow-up-step1"]
+  }, /*#__PURE__*/React.createElement(List, {
+    rowKey: function rowKey(item) {
+      return (item === null || item === void 0 ? void 0 : item.id) || -1;
+    },
+    grid: {
+      gutter: 24,
+      column: 4
+    },
+    dataSource: __spreadArray([null], templateList, true),
+    renderItem: function renderItem(item, idx) {
+      var selected_idx = selected.findIndex(function (s) {
+        return s.id === (item === null || item === void 0 ? void 0 : item.id);
+      });
+      return item ? (/*#__PURE__*/React.createElement(List.Item, {
+        key: item.id
+      }, /*#__PURE__*/React.createElement(Card, {
+        hoverable: true,
+        bodyStyle: {
+          paddingBottom: 20
+        },
+        cover: /*#__PURE__*/React.createElement("div", {
+          className: styles$3["item-top"],
+          style: {
+            backgroundColor: itemBgColors[idx % 5] || '#FFEFDD'
+          }
+        }, /*#__PURE__*/React.createElement("img", {
+          className: styles$3["item-top-img"],
+          src: mchcEnv.gs(function (_) {
+            return _.lm_imgs.qn['questionnaire-item-top.png'];
+          }),
+          alt: ""
+        })),
+        actions: [/*#__PURE__*/React.createElement("div", {
+          onClick: function onClick() {
+            return handleInitQuestions(item);
+          }
+        }, /*#__PURE__*/React.createElement(MyIcon, {
+          value: 'EditOutlined',
+          key: "edit"
+        }), "\u7F16\u8F91"), /*#__PURE__*/React.createElement("div", {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            handleInitQuestions(item, true);
+          }
+        }, /*#__PURE__*/React.createElement(MyIcon, {
+          value: 'CopyOutlined',
+          key: "copy"
+        }), "\u590D\u5236"), /*#__PURE__*/React.createElement("div", {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            onDeleteTemplate(item);
+          }
+        }, /*#__PURE__*/React.createElement(MyIcon, {
+          value: 'DeleteOutlined',
+          key: "delete"
+        }), "\u5220\u9664"), /*#__PURE__*/React.createElement("div", {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            handleInitQuestions(item, false, 3);
+          }
+        }, /*#__PURE__*/React.createElement(MyIcon, {
+          value: 'PieChartOutlined',
+          key: "delete"
+        }), "\u7EDF\u8BA1"), onSelect ? /*#__PURE__*/React.createElement("div", {
+          onClick: function onClick(e) {
+            return onSelect(item);
+          }
+        }, /*#__PURE__*/React.createElement(Checkbox, {
+          checked: selected_idx > -1
+        })) : null].filter(identity)
+      }, /*#__PURE__*/React.createElement(Card.Meta, {
+        style: {
+          cursor: 'pointer'
+        },
+        title: item.questionnaireTitle,
+        description: /*#__PURE__*/React.createElement("div", {
+          title: item.description,
+          style: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+          }
+        }, item.description)
+      })))) : (/*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", {
+        className: styles$3["follow-up-new-item"],
+        onClick: handleNewTemplate
+      }, /*#__PURE__*/React.createElement("span", null, "\u65B0\u5EFA\u8C03\u67E5\u95EE\u5377"))));
+    }
+  }));
+}
+var QuestionTypeEnums = mchcEnums.Questionnaire.type;
+var chooseArray = [{
+  title: '单选题',
+  iconImg: mchcEnv.gs(function (_) {
+    return _.lm_imgs.qn['radio.png'];
+  })
+}, {
+  title: '多选题',
+  iconImg: mchcEnv.gs(function (_) {
+    return _.lm_imgs.qn['checkbox.png'];
+  })
+}, {
+  title: '下拉题',
+  iconImg: mchcEnv.gs(function (_) {
+    return _.lm_imgs.qn['select.png'];
+  })
+}, {
+  title: '填空题',
+  iconImg: mchcEnv.gs(function (_) {
+    return _.lm_imgs.qn['vacancy.png'];
+  })
+}];
+var starArray = [{
+  title: '打分题',
+  iconImg: mchcEnv.gs(function (_) {
+    return _.lm_imgs.qn['stars.png'];
+  })
+}];
+var descArray = [{
+  title: '段落说明',
+  iconImg: mchcEnv.gs(function (_) {
+    return _.lm_imgs.qn['description.png'];
+  })
+}];
+var labelsArray = __spreadArray(__spreadArray(__spreadArray([], chooseArray, true), starArray, true), descArray, true);
+var labelsArrayMapping = labelsArray.reduce(function (a, b) {
+  var _a;
+  return Object.assign(a, (_a = {}, _a[b.title] = b, _a));
+}, {});
+var defaultSelectOptions = [{
+  optionIndex: 1000,
+  optionScore: 0,
+  optionTitle: '选项1'
+}, {
+  optionIndex: 1001,
+  optionScore: 0,
+  optionTitle: '选项2'
+}];
+var defaultOtherOptions = [{
+  optionIndex: 1000,
+  optionScore: 0,
+  optionTitle: 'contain'
+}];
+var initQuestionMap = {
+  '单选题': {
+    questionOptionList: defaultSelectOptions,
+    questionTitle: '',
+    questionType: QuestionTypeEnums.getValue('单选题')
+  },
+  '多选题': {
+    questionOptionList: defaultSelectOptions,
+    questionTitle: '',
+    questionType: QuestionTypeEnums.getValue('多选题')
+  },
+  '下拉题': {
+    questionOptionList: defaultSelectOptions,
+    questionTitle: '',
+    questionType: QuestionTypeEnums.getValue('下拉题')
+  },
+  '填空题': {
+    questionOptionList: defaultOtherOptions,
+    questionTitle: '',
+    questionType: QuestionTypeEnums.getValue('填空题')
+  },
+  '打分题': {
+    questionOptionList: defaultOtherOptions,
+    questionTitle: '',
+    questionType: QuestionTypeEnums.getValue('打分题')
+  },
+  '段落说明': {
+    questionOptionList: defaultOtherOptions,
+    questionTitle: '',
+    questionType: QuestionTypeEnums.getValue('段落说明')
+  }
+};
+function getTargetQuestionInGroup(allQuestions, groupIndex, group) {
+  if (typeof groupIndex !== 'number' || !group) return undefined;
+  var allIdx = allQuestions.map(function (_) {
+    return _.questionIndex;
+  });
+  var list = group.questionIndexList.filter(function (_) {
+    return allIdx.includes(_);
+  });
+  var realQuestionIndex = list[groupIndex];
+  var activeQuestion = typeof realQuestionIndex === 'number' ? allQuestions.find(function (_) {
+    return _.questionIndex === realQuestionIndex;
+  }) : undefined;
+  return activeQuestion;
+}
+function getQuestionsInGroup(allQuestions, groups) {
+  var _a;
+  var data = ((_a = groups === null || groups === void 0 ? void 0 : groups.questionIndexList) === null || _a === void 0 ? void 0 : _a.map(function (_) {
+    return allQuestions.find(function (q) {
+      return q.questionIndex === _;
+    });
+  }).filter(function (_) {
+    return !!_;
+  })) || [];
+  return data;
+}
+var css_248z$2 = ".step2-module_questionnaire-steps__Tmek- {\n  background-color: white;\n  height: 70px;\n  display: flex;\n  align-items: center;\n  padding: 0 15% !important;\n  margin-bottom: 8px;\n}\n.step2-module_questionnaire-steps-content__iPKvu {\n  padding: 16px;\n  background-color: white;\n}\n.step2-module_question-step-two__panel-question__ZL9Vg {\n  height: auto;\n  position: fixed;\n  width: 15%;\n}\n.step2-module_question-step-two__panel-question-card__k-PsK {\n  font-size: 16px;\n}\n.step2-module_question-step-two__panel-question-card-item__dMEYF {\n  display: flex;\n  border-bottom: 1px solid #edeef5;\n  margin: 16px 0;\n}\n.step2-module_question-step-two__panel-question-card-item__title__-pIiv {\n  display: block;\n  font-weight: 400;\n  flex: 1;\n}\n.step2-module_question-step-two__panel-question-card-item__btns__Vq7EU {\n  display: flex;\n  flex: 2;\n  flex-flow: column wrap;\n  justify-content: space-between;\n  margin-left: 8px;\n}\n.step2-module_question-step-two__panel-question-card-item__btns-btn__cJpyM {\n  margin: 8px 0;\n  display: flex;\n  cursor: pointer;\n}\n.step2-module_question-step-two__panel-question-card-item__btns-btn__cJpyM img {\n  width: 24px;\n  height: 24px;\n  margin-right: 8px;\n}\n.step2-module_question-step-two__panel-question-card-item__btns-btn__cJpyM:first-child {\n  margin-top: 0;\n}\n.step2-module_question-step-two__panel-preview__V4Yrk {\n  border: 1px solid #d9d9d9;\n}\n.step2-module_question-step-two__panel-preview-top__JKlcS {\n  background-color: white;\n  padding: 24px 8px;\n  margin-bottom: 12px;\n}\n.step2-module_question-step-two__panel-preview-top__desc__NiNHZ {\n  margin-top: 8px;\n}\n.step2-module_question-step-two__panel-preview-middle__start__K-mFG {\n  height: 250px;\n  line-height: 250px;\n  border: 1px dotted skyblue;\n  text-align: center;\n}\n.step2-module_question-step-two__panel-preview-middle__question__9FMJJ {\n  background-color: white;\n  padding: 16px 8px;\n  margin-bottom: 8px;\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n  border-bottom: 1px solid #d9d9d9;\n}\n.step2-module_question-step-two__panel-preview-middle__question__9FMJJ:hover {\n  background-color: #eee;\n}\n.step2-module_question-step-two__panel-preview-middle__question-tip__hFCnM {\n  font-size: 12px;\n  color: #5050e8;\n}\n.step2-module_question-step-two__panel-preview-middle__question-title__RbFRH {\n  margin-bottom: 4px;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-between;\n}\n.step2-module_question-step-two__panel-preview-middle__question-title-icon-delete__oMlIQ {\n  display: none;\n  cursor: pointer;\n}\n.step2-module_question-step-two__panel-preview-middle__question-title-icon-delete__oMlIQ:hover {\n  color: red;\n}\n.step2-module_question-step-two__panel-preview-middle__question-options__2xnxR {\n  margin: 4px 0;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n}\n.step2-module_question-step-two__panel-preview-middle__question-options-input__En0jC {\n  width: 100% !important;\n}\n.step2-module_question-step-two__panel-preview-middle__question-options-delete__3nTdj {\n  display: none;\n  width: 10%;\n  cursor: pointer;\n}\n.step2-module_question-step-two__panel-preview-middle__question-options-delete__3nTdj:hover {\n  color: red;\n}\n.step2-module_question-step-two__panel-preview-middle__question-options__2xnxR:hover .step2-module_question-step-two__panel-preview-middle__question-options-delete__3nTdj {\n  display: block;\n}\n.step2-module_question-step-two__panel-preview-middle__question__9FMJJ:hover .step2-module_question-step-two__panel-preview-middle__question-title-icon-delete__oMlIQ {\n  display: block;\n}\n.step2-module_question-step-two__panel-preview-middle__question-border-top__TNoP1 {\n  border-top: 2px solid red;\n}\n.step2-module_question-step-two__panel-preview-middle__question-border-bottom__v925w {\n  border-bottom: 2px solid red;\n}\n.step2-module_question-step-two__panel-preview-bottom__GP3N2 {\n  background-color: white;\n  padding: 16px 8px;\n  margin-top: 8px;\n}\n.step2-module_question-step-two__panel-preview-bottom__title__VxEKf {\n  text-align: center;\n  padding-bottom: 8px;\n}\n.step2-module_question-step-two__panel-preview-bottom__btns__WaBXA {\n  display: flex;\n  justify-content: center;\n  flex-flow: row nowrap;\n  margin-top: 16px;\n}\n.step2-module_question-step-two__panel-preview-bottom__btns-btn__9Oq-J {\n  margin: 0 8px;\n}\n.step2-module_question-step-two__panel-func__ocCVy {\n  background-color: white;\n  padding: 24px 14px;\n  height: auto;\n  width: 20%;\n  position: fixed;\n}\n.step2-module_question-step-two__panel-func__title__ekVbP {\n  padding: 2px 4px;\n  background-color: black;\n  color: white;\n  border-radius: 2px;\n  display: inline-block;\n}\n.step2-module_question-step-two__panel-func__item__3dqE- {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  margin: 16px 0;\n}\n.step2-module_question-step-two__panel-func__item__3dqE- span,\n.step2-module_question-step-two__panel-func__item__3dqE- a {\n  display: block;\n}\n.step2-module_question-step-two__panel-func__item-btn__SzNsJ {\n  width: 40% !important;\n}\n";
+var styles$2 = {
+  "questionnaire-steps": "step2-module_questionnaire-steps__Tmek-",
+  "questionnaire-steps-content": "step2-module_questionnaire-steps-content__iPKvu",
+  "question-step-two__panel-question": "step2-module_question-step-two__panel-question__ZL9Vg",
+  "question-step-two__panel-question-card": "step2-module_question-step-two__panel-question-card__k-PsK",
+  "question-step-two__panel-question-card-item": "step2-module_question-step-two__panel-question-card-item__dMEYF",
+  "question-step-two__panel-question-card-item__title": "step2-module_question-step-two__panel-question-card-item__title__-pIiv",
+  "question-step-two__panel-question-card-item__btns": "step2-module_question-step-two__panel-question-card-item__btns__Vq7EU",
+  "question-step-two__panel-question-card-item__btns-btn": "step2-module_question-step-two__panel-question-card-item__btns-btn__cJpyM",
+  "question-step-two__panel-preview": "step2-module_question-step-two__panel-preview__V4Yrk",
+  "question-step-two__panel-preview-top": "step2-module_question-step-two__panel-preview-top__JKlcS",
+  "question-step-two__panel-preview-top__desc": "step2-module_question-step-two__panel-preview-top__desc__NiNHZ",
+  "question-step-two__panel-preview-middle__start": "step2-module_question-step-two__panel-preview-middle__start__K-mFG",
+  "question-step-two__panel-preview-middle__question": "step2-module_question-step-two__panel-preview-middle__question__9FMJJ",
+  "question-step-two__panel-preview-middle__question-tip": "step2-module_question-step-two__panel-preview-middle__question-tip__hFCnM",
+  "question-step-two__panel-preview-middle__question-title": "step2-module_question-step-two__panel-preview-middle__question-title__RbFRH",
+  "question-step-two__panel-preview-middle__question-title-icon-delete": "step2-module_question-step-two__panel-preview-middle__question-title-icon-delete__oMlIQ",
+  "question-step-two__panel-preview-middle__question-options": "step2-module_question-step-two__panel-preview-middle__question-options__2xnxR",
+  "question-step-two__panel-preview-middle__question-options-input": "step2-module_question-step-two__panel-preview-middle__question-options-input__En0jC",
+  "question-step-two__panel-preview-middle__question-options-delete": "step2-module_question-step-two__panel-preview-middle__question-options-delete__3nTdj",
+  "question-step-two__panel-preview-middle__question-border-top": "step2-module_question-step-two__panel-preview-middle__question-border-top__TNoP1",
+  "question-step-two__panel-preview-middle__question-border-bottom": "step2-module_question-step-two__panel-preview-middle__question-border-bottom__v925w",
+  "question-step-two__panel-preview-bottom": "step2-module_question-step-two__panel-preview-bottom__GP3N2",
+  "question-step-two__panel-preview-bottom__title": "step2-module_question-step-two__panel-preview-bottom__title__VxEKf",
+  "question-step-two__panel-preview-bottom__btns": "step2-module_question-step-two__panel-preview-bottom__btns__WaBXA",
+  "question-step-two__panel-preview-bottom__btns-btn": "step2-module_question-step-two__panel-preview-bottom__btns-btn__9Oq-J",
+  "question-step-two__panel-func": "step2-module_question-step-two__panel-func__ocCVy",
+  "question-step-two__panel-func__title": "step2-module_question-step-two__panel-func__title__ekVbP",
+  "question-step-two__panel-func__item": "step2-module_question-step-two__panel-func__item__3dqE-",
+  "question-step-two__panel-func__item-btn": "step2-module_question-step-two__panel-func__item-btn__SzNsJ"
+};
+styleInject(css_248z$2);
+function QuestionItem(props) {
+  var _a;
+  var _b, _c;
+  var index = props.index,
+    question = props.question,
+    onChangeIndex = props.onChangeIndex,
+    onQuestionClick = props.onQuestionClick,
+    onQuestionItemDelete = props.onQuestionItemDelete,
+    onQuesionChange = props.onQuesionChange,
+    groupQuestions = props.groupQuestions;
+  var questionType = question.questionType,
+    _d = question.questionOptionList,
+    questionOptionList = _d === void 0 ? [] : _d;
+  var ref = useRef(null);
+  var _e = useState(''),
+    hoverTargetQuestionPlace = _e[0],
+    setHoverTargetQuestionPlace = _e[1];
+  var bind = (_b = question.logic) === null || _b === void 0 ? void 0 : _b.bind;
+  var handleQuestionDragOver = function handleQuestionDragOver(e) {
+    var _a = ref.current.getBoundingClientRect(),
+      y = _a.y,
+      height = _a.height;
+    var normalClientY = y + height / 2;
+    var clientY = e.clientY;
+    if (clientY) {
+      var hoverTargetQuestionPlace_1 = 'Bottom';
+      var newQuestionIndex = index + 1;
+      if (clientY < normalClientY) {
+        hoverTargetQuestionPlace_1 = 'Top';
+        newQuestionIndex = index;
+      }
+      setHoverTargetQuestionPlace(hoverTargetQuestionPlace_1);
+      onChangeIndex(newQuestionIndex);
+    }
+  };
+  var handleQuestionDragLeave = function handleQuestionDragLeave() {
+    setHoverTargetQuestionPlace('');
+  };
+  var renderQuestionInput = function renderQuestionInput() {
+    var typeLabel = QuestionTypeEnums.getLabel(questionType);
+    if (typeLabel === '单选题' || typeLabel === '多选题' || typeLabel === '下拉题') {
+      var icons_1 = {
+        '单选题': /*#__PURE__*/React.createElement(MyIcon, {
+          value: 'CheckCircleOutlined'
+        }),
+        '多选题': /*#__PURE__*/React.createElement(MyIcon, {
+          value: 'BorderOutlined'
+        }),
+        '下拉题': /*#__PURE__*/React.createElement(MyIcon, {
+          value: 'CaretDownOutlined'
+        })
+      };
+      return questionOptionList.map(function (option, optionIndex) {
+        return /*#__PURE__*/React.createElement(Row, {
+          key: optionIndex,
+          className: styles$2["question-step-two__panel-preview-middle__question-options"]
+        }, /*#__PURE__*/React.createElement(Col, {
+          span: 14
+        }, /*#__PURE__*/React.createElement(Input, {
+          className: styles$2["question-step-two__panel-preview-middle__question-options-input"],
+          addonBefore: icons_1[typeLabel],
+          value: option.optionTitle,
+          onChange: function onChange(e) {
+            questionOptionList.splice(optionIndex, 1, __assign(__assign({}, option), {
+              optionTitle: e.target.value
+            }));
+            onQuesionChange(__assign(__assign({}, question), {
+              questionOptionList: __spreadArray([], questionOptionList, true)
+            }));
+          },
+          size: "small"
+        })), /*#__PURE__*/React.createElement(Col, {
+          span: 7,
+          offset: 1,
+          style: {
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: 80
+          }
+        }, "\u5206\u503C\uFF1A"), /*#__PURE__*/React.createElement(InputNumber, {
+          className: styles$2["question-step-two__panel-preview-middle__question-options-input"],
+          value: option.optionScore,
+          onChange: function onChange(score) {
+            questionOptionList.splice(optionIndex, 1, __assign(__assign({}, option), {
+              optionScore: score
+            }));
+            onQuesionChange(__assign(__assign({}, question), {
+              questionOptionList: __spreadArray([], questionOptionList, true)
+            }));
+          },
+          size: "small"
+        })), /*#__PURE__*/React.createElement(Col, {
+          span: 1,
+          offset: 1
+        }, /*#__PURE__*/React.createElement(MyIcon, {
+          value: 'CloseCircleOutlined',
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            questionOptionList.splice(optionIndex, 1);
+            onQuesionChange(__assign(__assign({}, question), {
+              questionOptionList: __spreadArray([], questionOptionList, true)
+            }));
+          },
+          className: styles$2["question-step-two__panel-preview-middle__question-options-delete"]
+        })));
+      });
+    }
+    if (typeLabel === '填空题') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2["question-step-two__panel-preview-middle__question-completion"]
+      }, /*#__PURE__*/React.createElement(Input, {
+        className: styles$2["question-step-two__panel-preview-middle__question-completion-input"],
+        size: "small",
+        style: {
+          marginTop: 4
+        }
+      }), questionOptionList.map(function (option, optionIndex) {
+        return /*#__PURE__*/React.createElement(Row, {
+          key: optionIndex,
+          className: styles$2["question-step-two__panel-preview-middle__question-options"]
+        }, /*#__PURE__*/React.createElement(Col, {
+          span: 6,
+          style: {
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: '100%'
+          }
+        }, "\u8BA1\u5206\u89C4\u5219\uFF1A"), /*#__PURE__*/React.createElement(Select_L, {
+          className: styles$2["question-step-two__panel-preview-middle__question-options-input"],
+          value: option.optionTitle,
+          onSelect: function onSelect(value) {
+            questionOptionList.splice(optionIndex, 1, __assign(__assign({}, option), {
+              optionTitle: value
+            }));
+            onQuesionChange(__assign(__assign({}, question), {
+              questionOptionList: __spreadArray([], questionOptionList, true)
+            }));
+          },
+          popupMatchSelectWidth: true,
+          size: "small"
+        }, /*#__PURE__*/React.createElement(Select_L.Option, {
+          value: "equal"
+        }, "\u76F8\u7B49"), /*#__PURE__*/React.createElement(Select_L.Option, {
+          value: "contain"
+        }, "\u5305\u542B"))), /*#__PURE__*/React.createElement(Col, {
+          span: 7,
+          offset: 1,
+          style: {
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: '100%'
+          }
+        }, "\u6807\u51C6\u7B54\u6848\uFF1A"), /*#__PURE__*/React.createElement(Input, {
+          className: styles$2["question-step-two__panel-preview-middle__question-options-input"],
+          value: option.fillTemplate,
+          onChange: function onChange(e) {
+            questionOptionList.splice(optionIndex, 1, __assign(__assign({}, option), {
+              fillTemplate: e.target.value
+            }));
+            onQuesionChange(__assign(__assign({}, question), {
+              questionOptionList: __spreadArray([], questionOptionList, true)
+            }));
+          },
+          size: "small"
+        })), /*#__PURE__*/React.createElement(Col, {
+          span: 7,
+          offset: 1,
+          style: {
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: 80
+          }
+        }, "\u5206\u503C\uFF1A"), /*#__PURE__*/React.createElement(InputNumber, {
+          className: styles$2["question-step-two__panel-preview-middle__question-options-input"],
+          value: option.optionScore,
+          onChange: function onChange(score) {
+            questionOptionList.splice(optionIndex, 1, __assign(__assign({}, option), {
+              optionScore: score
+            }));
+            onQuesionChange(__assign(__assign({}, question), {
+              questionOptionList: __spreadArray([], questionOptionList, true)
+            }));
+          },
+          size: "small"
+        })));
+      }));
+    }
+    if (typeLabel === '段落说明') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2["question-step-two__panel-preview-middle__question-options"]
+      });
+    }
+    if (typeLabel === '打分题') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$2["question-step-two__panel-preview-middle__question-options"]
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'StarOutlined'
+      }), /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'StarOutlined'
+      }), /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'StarOutlined'
+      }), /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'StarOutlined'
+      }), /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'StarOutlined'
+      }));
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  };
+  var renderBottomBtns = function renderBottomBtns() {
+    if (QuestionTypeEnums.getValues(['单选题', '多选题', '下拉题']).includes(question.questionType)) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginTop: 20
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        onClick: function onClick(e) {
+          onQuesionChange(__assign(__assign({}, question), {
+            questionOptionList: __spreadArray(__spreadArray([], questionOptionList, true), [{
+              optionTitle: '新增选项',
+              optionIndex: questionOptionList.reduce(function (a, b) {
+                return Math.max(a, b.optionIndex);
+              }, 1000) + 1,
+              optionScore: 0,
+              questionType: question.questionType
+            }], false)
+          }));
+        }
+      }, "\u6DFB\u52A0\u9009\u9879"));
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: hoverTargetQuestionPlace ? (_a = {}, _a["border".concat(hoverTargetQuestionPlace)] = '4px solid #ff0000', _a) : {},
+    ref: ref,
+    className: styles$2["question-step-two__panel-preview-middle__question"],
+    onDragOver: handleQuestionDragOver,
+    onDragLeave: handleQuestionDragLeave,
+    onClick: function onClick() {
+      onQuestionClick(__assign(__assign({}, question), {
+        questionIndex: index
+      }));
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2["question-step-two__panel-preview-middle__question-title"]
+  }, /*#__PURE__*/React.createElement("h4", null, index + 1, ".", labelsArrayMapping[QuestionTypeEnums.getLabel(question.questionType)].title), /*#__PURE__*/React.createElement(MyIcon, {
+    value: 'DeleteOutlined',
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onQuestionItemDelete();
+    },
+    className: styles$2["question-step-two__panel-preview-middle__question-title-icon-delete"]
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+    className: styles$2["question-step-two__panel-preview-middle__question-options-input"],
+    value: question.questionTitle,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165\u6807\u9898",
+    onChange: function onChange(e) {
+      onQuesionChange(__assign(__assign({}, question), {
+        questionTitle: e.target.value
+      }));
+    }
+  }), renderQuestionInput()), !!((_c = question.logic) === null || _c === void 0 ? void 0 : _c.selectOption.length) && groupQuestions.findIndex(function (_) {
+    return _.questionIndex === bind;
+  }) > -1 && (/*#__PURE__*/React.createElement("div", {
+    className: styles$2["question-step-two__panel-preview-middle__question-tip"]
+  }, "\u4F9D\u8D56\u4E8E\u7B2C", groupQuestions.findIndex(function (_) {
+    var _a;
+    return _.questionIndex === ((_a = question.logic) === null || _a === void 0 ? void 0 : _a.bind);
+  }) + 1, "\u9898\u7684\u7B2C", question.logic.selectOption.map(function (value) {
+    return value + 1;
+  }).join('、'), "\u9009\u9879")), renderBottomBtns());
+}
+function Step2Right(props) {
+  var _a, _b, _c;
+  var groupQuestions = props.groupQuestions,
+    activeQuestion = props.activeQuestion,
+    onQuesionChange = props.onQuesionChange;
+  props.activeGroup;
+  props.index;
+  var bind = (_a = activeQuestion.logic) === null || _a === void 0 ? void 0 : _a.bind;
+  var realIndex = groupQuestions.findIndex(function (_) {
+    return _.questionIndex === activeQuestion.questionIndex;
+  });
+  var selectQuestions = groupQuestions.filter(function (q, idx) {
+    return idx < realIndex;
+  });
+  var targetBind = groupQuestions.find(function (_) {
+    return _.questionIndex === bind;
+  });
+  console.log('aax', bind, targetBind);
+  var boxOptions = (targetBind === null || targetBind === void 0 ? void 0 : targetBind.questionOptionList) || [];
+  function _onChange(selectOption, bind) {
+    var _a;
+    if (bind === void 0) {
+      bind = (_a = activeQuestion.logic) === null || _a === void 0 ? void 0 : _a.bind;
+    }
+    onQuesionChange(__assign(__assign({}, activeQuestion), {
+      logic: {
+        selectOption: selectOption,
+        bind: bind
+      }
+    }));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "\u5F53\u524D\u9898\u76EE\uFF1A"), /*#__PURE__*/React.createElement("span", null, activeQuestion.questionTitle)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5173\u8054\u9898\u76EE\uFF1A"
+  }, /*#__PURE__*/React.createElement(Select_L, {
+    style: {
+      width: 300
+    },
+    popupMatchSelectWidth: 300,
+    allowClear: true,
+    placeholder: "\u8BF7\u9009\u62E9",
+    value: (_b = activeQuestion.logic) === null || _b === void 0 ? void 0 : _b.bind,
+    onChange: function onChange(value) {
+      _onChange([], value);
+    },
+    options: selectQuestions.map(function (_, index) {
+      return {
+        label: "".concat(index + 1, ".").concat(_.questionTitle),
+        value: _.questionIndex,
+        disabled: !QuestionTypeEnums.getValues(['多选题', '单选题', '下拉题']).includes(_.questionType)
+      };
+    })
+  })), targetBind && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "\u5F53\u201C\u5173\u8054\u9898\u76EE\u201D\u9009\u62E9\u4E0B\u9762\u7684\u9009\u9879\uFF1A"), /*#__PURE__*/React.createElement(Checkbox.Group, {
+    value: ((_c = activeQuestion.logic) === null || _c === void 0 ? void 0 : _c.selectOption) || [],
+    onChange: function onChange(value) {
+      return _onChange(value);
+    }
+  }, boxOptions.map(function (option, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      key: index,
+      value: index
+    }, option.optionTitle), /*#__PURE__*/React.createElement("br", null));
+  })), /*#__PURE__*/React.createElement("div", null, "\u4E2D\u7684\u4EFB\u610F\u4E00\u4E2A\u65F6\uFF0C\u201C\u5F53\u524D\u9898\u76EE\u201D\u624D\u51FA\u73B0")))), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u662F\u5426\u5168\u5C4F\u663E\u793A"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: activeQuestion.fullscreen,
+    onChange: function onChange(e) {
+      onQuesionChange(__assign(__assign({}, activeQuestion), {
+        fullscreen: e.target.checked
+      }));
+    }
+  })));
+}
+var btns = [{
+  id: 1,
+  title: '选择填空',
+  value: chooseArray
+}, {
+  id: 2,
+  title: '评分题',
+  value: starArray
+}, {
+  id: 3,
+  title: '文字说明',
+  value: descArray
+}];
+function Step2(props) {
+  var _a;
+  var data = props.data,
+    onPreview = props.onPreview,
+    onChangeStep = props.onChangeStep;
+  props.onEditorUpload;
+  var _b = useState(data.questionnaireTitle),
+    questionnaireTitle = _b[0],
+    setQuestionnaireTitle = _b[1];
+  var _c = useState(data.questionList || []),
+    questions = _c[0],
+    setQuestions = _c[1];
+  var _d = useState(data.description),
+    description = _d[0],
+    setDescription = _d[1];
+  var _e = useState(),
+    dragItemType = _e[0],
+    setDragItemType = _e[1];
+  var _f = useState(data.groupVOList || [{
+      groupIndex: 0,
+      groupDescription: '',
+      code: '',
+      groupTitle: '第一组',
+      questionIndexList: ((_a = data.questionList) === null || _a === void 0 ? void 0 : _a.map(function (_) {
+        return _.questionIndex;
+      })) || []
+    }]),
+    groups = _f[0],
+    setGroups = _f[1];
+  var _g = useState(0),
+    activeGroupIdx = _g[0],
+    setActiveGroupIdx = _g[1];
+  var _h = useState(-1),
+    activeQuestionIndexInGroup = _h[0],
+    setActiveQuestionIndexInGroup = _h[1];
+  var activeGroup = groups.find(function (_) {
+    return _.groupIndex === activeGroupIdx;
+  });
+  var activeQuestion = getTargetQuestionInGroup(questions, activeQuestionIndexInGroup, activeGroup);
+  var groupQuestions = getQuestionsInGroup(questions, activeGroup);
+  console.log('idx', activeQuestionIndexInGroup, activeQuestion);
+  var indexRef = useRef(0);
+  function generateQuestionByType(type) {
+    return initQuestionMap[type];
+  }
+  function handleBtnClick(type) {
+    return function () {
+      addQuesion(type, questions.length);
+    };
+  }
+  function handleChangeIndex(idx) {
+    indexRef.current = idx;
+  }
+  function addQuesion(t, idx) {
+    var maxIndex = questions.reduce(function (a, b) {
+      return Math.max(a, b.questionIndex);
+    }, 1000) + 1;
+    var newQuestions = JSON.parse(JSON.stringify(questions));
+    var newItem = generateQuestionByType(t);
+    newItem.questionIndex = maxIndex;
+    var targetGroup = groups.find(function (_) {
+      return _.groupIndex === activeGroupIdx;
+    });
+    if (targetGroup === null || targetGroup === void 0 ? void 0 : targetGroup.questionIndexList) {
+      targetGroup.questionIndexList.splice(idx, 0, maxIndex);
+    }
+    newQuestions.push(newItem);
+    setQuestions(newQuestions);
+    setGroups(__spreadArray([], groups, true));
+  }
+  function handleDragEnd() {
+    if (!dragItemType) return;
+    addQuesion(dragItemType, indexRef.current);
+  }
+  function modifyQuestion(item) {
+    var idx = questions.findIndex(function (_) {
+      return _.questionIndex === item.questionIndex;
+    });
+    questions[idx] = item;
+    setQuestions(__spreadArray([], questions, true));
+  }
+  function renderQuestions(q) {
+    return q.map(function (question, index) {
+      var lastQuestion = questions[questions.length - 1];
+      return /*#__PURE__*/React.createElement(QuestionItem, {
+        groupQuestions: groupQuestions,
+        key: index,
+        index: index,
+        question: question,
+        lastQuestion: lastQuestion,
+        onChangeIndex: handleChangeIndex,
+        onQuestionClick: function onQuestionClick() {
+          return setActiveQuestionIndexInGroup(index);
+        },
+        onQuesionChange: modifyQuestion,
+        onQuestionItemDelete: function onQuestionItemDelete() {
+          var _a, _b;
+          if (!activeGroup) return;
+          var logicBindIds = [];
+          questions.forEach(function (question) {
+            var _a;
+            typeof ((_a = question.logic) === null || _a === void 0 ? void 0 : _a.bind) === 'number' && logicBindIds.push(question.logic.bind);
+          });
+          if (logicBindIds.indexOf(question.questionIndex) > -1) {
+            message.error('该题有逻辑关联，无法删除');
+            return;
+          }
+          var realIndex = questions.findIndex(function (_) {
+            return _.questionIndex === question.questionIndex;
+          });
+          questions.splice(realIndex, 1);
+          var indexOfGroup = (_a = activeGroup.questionIndexList) === null || _a === void 0 ? void 0 : _a.indexOf(question.questionIndex);
+          if (typeof indexOfGroup === 'number' && indexOfGroup > -1) {
+            (_b = activeGroup.questionIndexList) === null || _b === void 0 ? void 0 : _b.splice(indexOfGroup, 1);
+            groups.splice(activeGroupIdx, 1, __assign({}, activeGroup));
+          }
+          setQuestions(__spreadArray([], questions, true));
+        }
+      });
+    });
+  }
+  function renderBtns() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles$2["question-step-two__panel-question"]
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles$2["question-step-two__panel-question-card"]
+    }, btns.map(function (btn, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: index,
+        className: styles$2["question-step-two__panel-question-card-item"]
+      }, /*#__PURE__*/React.createElement("span", {
+        className: styles$2["question-step-two__panel-question-card-item__title"]
+      }, btn.title), /*#__PURE__*/React.createElement("div", {
+        className: styles$2["question-step-two__panel-question-card-item__btns"]
+      }, btn.value.map(function (item) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: item.title,
+          className: styles$2["question-step-two__panel-question-card-item__btns-btn"],
+          draggable: true,
+          onDragStart: function onDragStart() {
+            setDragItemType(item.title);
+          },
+          onDragEnd: handleDragEnd,
+          onClick: handleBtnClick(item.title)
+        }, /*#__PURE__*/React.createElement("img", {
+          src: item.iconImg,
+          alt: ""
+        }), /*#__PURE__*/React.createElement("div", null, item.title));
+      })));
+    })));
+  }
+  function renderLogicEdit() {
+    return activeQuestion && (/*#__PURE__*/React.createElement("div", {
+      className: styles$2["question-step-two__panel-func"]
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles$2["question-step-two__panel-func__title"]
+    }, "\u9898\u76EE", activeQuestionIndexInGroup + 1, "\u8BBE\u7F6E"), activeGroup && activeQuestion && (/*#__PURE__*/React.createElement(Step2Right, {
+      activeGroup: activeGroup,
+      onQuesionChange: modifyQuestion,
+      index: activeQuestionIndexInGroup,
+      groupQuestions: groupQuestions,
+      activeQuestion: activeQuestion
+    }))));
+  }
+  function setCurrentGroup(key, value) {
+    if (activeGroup) {
+      activeGroup[key] = value;
+      groups.splice(activeGroupIdx, 1, __assign({}, activeGroup));
+      setGroups(__spreadArray([], groups, true));
+    }
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, {
+    className: styles$2["question-step-two__panel"]
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 4
+  }, renderBtns()), /*#__PURE__*/React.createElement(Col, {
+    span: 12,
+    offset: 1,
+    className: styles$2["question-step-two__panel-preview"]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2["question-step-two__panel-preview-top"]
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: styles$2["question-step-two__panel-preview-top__title"],
+    value: questionnaireTitle,
+    placeholder: "\u8BF7\u8F93\u5165\u6807\u9898",
+    onChange: function onChange(e) {
+      setQuestionnaireTitle(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(Input.TextArea, {
+    className: styles$2["question-step-two__panel-preview-top__title"],
+    value: description,
+    style: {
+      marginTop: 12
+    },
+    placeholder: "\u8BF7\u8F93\u5165\u63CF\u8FF0",
+    onChange: function onChange(e) {
+      setDescription(e.target.value);
+    }
+  })), /*#__PURE__*/React.createElement(Tabs, {
+    type: "editable-card",
+    activeKey: activeGroupIdx.toString(),
+    onChange: function onChange(e) {
+      return setActiveGroupIdx(+e);
+    },
+    onEdit: function onEdit(key, action) {
+      if (action === 'add') {
+        groups.push({
+          groupIndex: groups.length,
+          groupTitle: "\u7B2C".concat(groups.length + 1, "\u7EC4"),
+          questionIndexList: [],
+          groupDescription: '',
+          code: ''
+        });
+      } else {
+        groups.splice(+key, 1);
+      }
+      setGroups(__spreadArray([], groups, true));
+    }
+  }, groups.map(function (_, idx) {
+    var active = _.groupIndex === activeGroupIdx;
+    var q = getQuestionsInGroup(questions, _);
+    return /*#__PURE__*/React.createElement(Tabs.TabPane, {
+      tab: _.groupTitle,
+      key: _.groupIndex
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: "\u6807\u9898",
+      wrapperCol: {
+        span: 17
+      },
+      style: {
+        padding: '0 8px'
+      }
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "small",
+      value: activeGroup === null || activeGroup === void 0 ? void 0 : activeGroup.groupTitle,
+      onChange: function onChange(e) {
+        setCurrentGroup('groupTitle', e.target.value);
+      }
+    })), /*#__PURE__*/React.createElement(Form.Item, {
+      label: "\u63CF\u8FF0",
+      wrapperCol: {
+        span: 17
+      },
+      style: {
+        padding: '0 8px'
+      }
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "small",
+      value: activeGroup === null || activeGroup === void 0 ? void 0 : activeGroup.groupDescription,
+      onChange: function onChange(e) {
+        setCurrentGroup('groupDescription', e.target.value);
+      }
+    })), /*#__PURE__*/React.createElement(Form.Item, {
+      label: "\u89C4\u5219",
+      wrapperCol: {
+        span: 17
+      },
+      style: {
+        padding: '0 8px'
+      }
+    }, /*#__PURE__*/React.createElement(Input.TextArea, {
+      size: "small",
+      placeholder: "\u4F8B\u5982\uFF1A".concat(JSON.stringify([["[9,13)", "轻度"], ["[13,~)", "中重度"]])),
+      value: activeGroup === null || activeGroup === void 0 ? void 0 : activeGroup.code,
+      onChange: function onChange(e) {
+        setCurrentGroup('code', e.target.value);
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      className: styles$2["question-step-two__panel-preview-middle"]
+    }, !q.length ? (/*#__PURE__*/React.createElement("div", {
+      className: styles$2["question-step-two__panel-preview-middle__start"]
+    }, "\u70B9\u51FB\u9898\u578B \u6216\u8005 \u5C06\u9898\u578B\u62D6\u5165\u6B64\u533A\u57DF")) : active && renderQuestions(q)));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles$2["question-step-two__panel-preview-bottom"]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2["question-step-two__panel-preview-bottom__btns"]
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles$2["question-step-two__panel-preview-bottom__btns-btn"],
+    onClick: function onClick() {
+      onChangeStep(0);
+    }
+  }, "\u4E0A\u4E00\u6B65"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    className: styles$2["question-step-two__panel-preview-bottom__btns-btn"],
+    onClick: function onClick() {
+      onPreview(__assign(__assign({}, data), {
+        groupVOList: groups,
+        questionnaireTitle: questionnaireTitle,
+        description: description,
+        questionList: questions
+      }));
+    }
+  }, "\u4E0B\u4E00\u6B65")))), /*#__PURE__*/React.createElement(Col, {
+    span: 6,
+    offset: 1
+  }, !!questions.length && renderLogicEdit())));
+}
+var css_248z$1 = ".step3-module_questionnaire-steps__xqOsx {\n  background-color: white;\n  height: 70px;\n  display: flex;\n  align-items: center;\n  padding: 0 15% !important;\n  margin-bottom: 8px;\n}\n.step3-module_questionnaire-steps-content__6TfTB {\n  padding: 16px;\n  background-color: white;\n}\n.step3-module_question-step-three__panel__uUelu {\n  width: 100%;\n  padding: 16px 8px;\n}\n.step3-module_question-step-three__panel-bottom__Cv0IG {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin-top: 50px;\n}\n.step3-module_question-step-three__panel-radio__LAbCm {\n  text-align: center;\n}\n.step3-module_question-step-three__panel-mobile__bbjSM {\n  display: flex;\n  margin-top: 16px;\n  justify-content: center;\n}\n.step3-module_question-step-three__panel-mobile-preview__q-RTq {\n  height: 640px;\n  width: 360px;\n  background-size: contain;\n  background-image: url('/lm_imgs/qn/phone.jpg');\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.step3-module_question-step-three__panel-mobile-preview_content__WmLii {\n  height: 100%;\n  padding: 72px 44px 74px 45px;\n}\n.step3-module_question-step-three__panel-mobile-preview_content__WmLii .ant-form {\n  padding: 8px;\n  overflow-y: scroll;\n  height: 100%;\n}\n.step3-module_question-step-three__panel-mobile-preview_content__WmLii .ant-form .step3-module_questions-title__f23Wo {\n  text-align: center;\n}\n.step3-module_question-step-three__panel-mobile-preview_content__WmLii .ant-form .step3-module_questions-desc__3gE4i {\n  margin: 8px 0;\n}\n.step3-module_question-step-three__panel-mobile-preview_content__WmLii .ant-form .ant-form-item {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n}\n.step3-module_question-step-three__panel-mobile-preview_content__WmLii .ant-form .ant-form-item:last-child {\n  width: 100%;\n  border: none;\n}\n.step3-module_question-step-three__panel-mobile-preview_content__WmLii .ant-form .ant-form-item:last-child button {\n  width: 100%;\n}\n.step3-module_question-step-three__panel-compute__pUL6- {\n  margin: 10px auto;\n  background-image: url('/lm_imgs/qn/mackbook.png');\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  display: flex;\n  justify-content: center;\n  padding: 70px 0 100px 0;\n  height: 600px;\n  width: 1000px;\n}\n.step3-module_question-step-three__panel-compute__pUL6- .step3-module_questions-title__f23Wo {\n  text-align: center;\n  font-size: 20px;\n}\n.step3-module_question-step-three__panel-compute__pUL6- .step3-module_questions-desc__3gE4i {\n  margin: 10px;\n}\n.step3-module_question-step-three__panel-compute__pUL6- .ant-form {\n  padding: 8px;\n  overflow-y: scroll;\n  height: 100%;\n  width: 60%;\n}\n.step3-module_question-step-three__panel-compute__pUL6- .ant-form .step3-module_questions-title__f23Wo {\n  text-align: center;\n}\n.step3-module_question-step-three__panel-compute__pUL6- .ant-form .step3-module_questions-desc__3gE4i {\n  margin: 8px 0;\n}\n.step3-module_question-step-three__panel-compute__pUL6- .ant-form .ant-form-item {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n}\n.step3-module_question-step-three__panel-compute__pUL6- .ant-form .ant-form-item:last-child {\n  width: 100%;\n  border: none;\n}\n.step3-module_question-step-three__panel-compute__pUL6- .ant-form .ant-form-item:last-child button {\n  width: 100%;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY {\n  margin: 10px auto;\n  background-image: url('/lm_imgs/qn/tablet.png');\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  display: flex;\n  justify-content: center;\n  padding: 70px 0 100px 0;\n  height: 500px;\n  width: 800px;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY .step3-module_questions-title__f23Wo {\n  text-align: center;\n  font-size: 20px;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY .step3-module_questions-desc__3gE4i {\n  margin: 10px;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY .ant-form {\n  padding: 8px;\n  overflow-y: scroll;\n  height: 100%;\n  width: 60%;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY .ant-form .step3-module_questions-title__f23Wo {\n  text-align: center;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY .ant-form .step3-module_questions-desc__3gE4i {\n  margin: 8px 0;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY .ant-form .ant-form-item {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY .ant-form .ant-form-item:last-child {\n  width: 100%;\n  border: none;\n}\n.step3-module_question-step-three__panel-tablet__tz3LY .ant-form .ant-form-item:last-child button {\n  width: 100%;\n}\n";
+var styles$1 = {
+  "questionnaire-steps": "step3-module_questionnaire-steps__xqOsx",
+  "questionnaire-steps-content": "step3-module_questionnaire-steps-content__6TfTB",
+  "question-step-three__panel": "step3-module_question-step-three__panel__uUelu",
+  "question-step-three__panel-bottom": "step3-module_question-step-three__panel-bottom__Cv0IG",
+  "question-step-three__panel-radio": "step3-module_question-step-three__panel-radio__LAbCm",
+  "question-step-three__panel-mobile": "step3-module_question-step-three__panel-mobile__bbjSM",
+  "question-step-three__panel-mobile-preview": "step3-module_question-step-three__panel-mobile-preview__q-RTq",
+  "question-step-three__panel-mobile-preview_content": "step3-module_question-step-three__panel-mobile-preview_content__WmLii",
+  "questions-title": "step3-module_questions-title__f23Wo",
+  "questions-desc": "step3-module_questions-desc__3gE4i",
+  "question-step-three__panel-compute": "step3-module_question-step-three__panel-compute__pUL6-",
+  "question-step-three__panel-tablet": "step3-module_question-step-three__panel-tablet__tz3LY"
+};
+styleInject(css_248z$1);
+var Step3 = function Step3(props) {
+  var _a = useState('mobile'),
+    device = _a[0],
+    setDevice = _a[1];
+  var _b = useState([]),
+    globalLogic = _b[0],
+    setGlobalLogic = _b[1];
+  var data = props.data,
+    onChangeStep = props.onChangeStep;
+  console.log('data', data);
+  var _c = data.questionList,
+    questionList = _c === void 0 ? [] : _c;
+  data.questionnaireTitle;
+  data.description;
+  var _d = data.groupVOList,
+    groupVOList = _d === void 0 ? [] : _d;
+  var form = Form.useForm()[0];
+  function handleSave() {
+    return __awaiter(this, void 0, void 0, function () {
+      var method;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            method = 'post';
+            if (typeof data.id === 'number') {
+              method = 'put';
+            }
+            return [4, SMchc_Questionnaire[method](data)];
+          case 1:
+            _a.sent();
+            mchcEnv.success('保存问卷成功');
+            onChangeStep(0);
+            return [2];
+        }
+      });
+    });
+  }
+  useEffect(function () {
+    var newGlobalLogic = __spreadArray([], globalLogic, true);
+    questionList.map(function (question, index) {
+      var logic = question.logic;
+      if (logic) {
+        newGlobalLogic.push({
+          bindIndex: logic.bind,
+          index: index
+        });
+      }
+    });
+    setGlobalLogic(newGlobalLogic);
+  }, []);
+  var handleValuesChange = function handleValuesChange(values, allValues) {
+    var changedKey = Object.keys(values)[0];
+    globalLogic.map(function (_a) {
+      var _b;
+      var bindIndex = _a.bindIndex,
+        index = _a.index;
+      if (changedKey == bindIndex) {
+        form.setFieldsValue((_b = {}, _b[index] = undefined, _b));
+      }
+    });
+  };
+  var renderFormItem = function renderFormItem(question, index) {
+    var logic = question.logic,
+      _a = question.questionOptionList,
+      questionOptionList = _a === void 0 ? [] : _a,
+      questionTitle = question.questionTitle,
+      questionType = question.questionType;
+    var itemStyle = {};
+    var Component = /*#__PURE__*/React.createElement(Fragment, null);
+    var bindIndex = logic === null || logic === void 0 ? void 0 : logic.bind;
+    var bindIndexSelectOption = (logic === null || logic === void 0 ? void 0 : logic.selectOption) || [];
+    var formItemValue = form.getFieldValue(bindIndex);
+    if (logic) {
+      itemStyle = {
+        display: 'none'
+      };
+      if (Array.isArray(formItemValue)) {
+        formItemValue.map(function (itemOption) {
+          if ((bindIndexSelectOption === null || bindIndexSelectOption === void 0 ? void 0 : bindIndexSelectOption.indexOf(itemOption)) > -1) {
+            itemStyle = {};
+          }
+        });
+      } else {
+        if ((bindIndexSelectOption === null || bindIndexSelectOption === void 0 ? void 0 : bindIndexSelectOption.indexOf(formItemValue)) > -1) {
+          itemStyle = {};
+        }
+      }
+    }
+    switch (QuestionTypeEnums.getLabel(questionType)) {
+      case '单选题':
+        Component = /*#__PURE__*/React.createElement(Radio.Group, null, questionOptionList.map(function (option, key) {
+          return /*#__PURE__*/React.createElement(Radio, {
+            style: {
+              display: 'block'
+            },
+            key: key,
+            value: key
+          }, option.optionTitle);
+        }));
+        break;
+      case '多选题':
+        Component = /*#__PURE__*/React.createElement(Checkbox.Group, null, questionOptionList.map(function (option, key) {
+          return /*#__PURE__*/React.createElement(Checkbox, {
+            style: {
+              display: 'block',
+              margin: 0
+            },
+            key: key,
+            value: key
+          }, option.optionTitle);
+        }));
+        break;
+      case '下拉题':
+        Component = /*#__PURE__*/React.createElement(Select_L, null, questionOptionList.map(function (option, key) {
+          return /*#__PURE__*/React.createElement(Select_L.Option, {
+            key: key,
+            value: key
+          }, option.optionTitle);
+        }));
+        break;
+      case '打分题':
+        Component = /*#__PURE__*/React.createElement(Rate, null);
+        break;
+      case '段落说明':
+        break;
+      default:
+        Component = /*#__PURE__*/React.createElement(Input, null);
+        break;
+    }
+    return /*#__PURE__*/React.createElement(Form.Item, {
+      style: itemStyle,
+      name: index,
+      label: "".concat(index + 1, ".").concat(questionTitle)
+    }, Component);
+  };
+  var renderMobileShow = function renderMobileShow() {
+    return /*#__PURE__*/React.createElement(Form, {
+      autoComplete: "off",
+      form: form,
+      layout: "vertical",
+      onValuesChange: handleValuesChange
+    }, groupVOList.map(function (g) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: styles$1["questions-title"]
+      }, g.groupTitle), /*#__PURE__*/React.createElement("div", {
+        className: styles$1["questions-desc"],
+        dangerouslySetInnerHTML: {
+          __html: g.groupDescription
+        }
+      }), getQuestionsInGroup(questionList, g).map(function (question, index) {
+        return /*#__PURE__*/React.createElement(Fragment, {
+          key: index
+        }, renderFormItem(question, index));
+      }));
+    }));
+  };
+  var renderComputeShow = function renderComputeShow() {
+    return /*#__PURE__*/React.createElement(Form, {
+      autoComplete: "off",
+      form: form,
+      layout: "vertical",
+      onValuesChange: handleValuesChange
+    }, groupVOList.map(function (g) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: styles$1["questions-title"]
+      }, g.groupTitle), /*#__PURE__*/React.createElement("div", {
+        className: styles$1["questions-desc"],
+        dangerouslySetInnerHTML: {
+          __html: g.groupTitle
+        }
+      }), getQuestionsInGroup(questionList, g).map(function (question, index) {
+        return /*#__PURE__*/React.createElement(Fragment, {
+          key: index
+        }, renderFormItem(question, index));
+      }));
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$1["question-step-three__panel"]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$1["question-step-three__panel-radio"]
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    onChange: function onChange(e) {
+      return setDevice(e.target.value);
+    },
+    value: device
+  }, /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "mobile"
+  }, /*#__PURE__*/React.createElement(MyIcon, {
+    value: 'MobileOutlined',
+    style: {
+      marginRight: 5
+    }
+  }), "\u624B\u673A"), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "compute"
+  }, /*#__PURE__*/React.createElement(MyIcon, {
+    value: 'DesktopOutlined',
+    style: {
+      marginRight: 5
+    }
+  }), "\u7535\u8111"), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "tablet"
+  }, /*#__PURE__*/React.createElement(MyIcon, {
+    value: 'TabletOutlined',
+    style: {
+      marginRight: 5
+    },
+    rotate: 270
+  }), "\u5E8A\u5934\u5C4F"))), device === 'mobile' && (/*#__PURE__*/React.createElement("div", {
+    className: styles$1["question-step-three__panel-mobile"]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$1["question-step-three__panel-mobile-preview"]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$1["question-step-three__panel-mobile-preview_content"]
+  }, renderMobileShow())))), device === 'tablet' && /*#__PURE__*/React.createElement("div", {
+    className: styles$1["question-step-three__panel-tablet"]
+  }, renderComputeShow()), device === 'compute' && /*#__PURE__*/React.createElement("div", {
+    className: styles$1["question-step-three__panel-compute"]
+  }, renderComputeShow()), /*#__PURE__*/React.createElement("div", {
+    className: styles$1["question-step-three__panel-bottom"]
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      marginRight: 8
+    },
+    onClick: function onClick() {
+      onChangeStep(1);
+    }
+  }, "\u4E0A\u4E00\u6B65"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    style: {
+      marginRight: 8
+    },
+    onClick: handleSave
+  }, "\u63D0\u4EA4")));
+};
+var fakeData = {
+  id: 2,
+  questionnaireTitle: "测试问卷2------",
+  questionList: [],
+  groupVOList: []
+};
+function download(content, filename) {
+  if (filename === void 0) {
+    filename = '问卷答题情况.xlsx';
+  }
+  var eleLink = document.createElement('a');
+  eleLink.download = filename;
+  eleLink.style.display = 'none';
+  var blob = typeof content === 'string' ? new Blob([content]) : content;
+  console.log(_typeof(content), blob);
+  eleLink.href = URL.createObjectURL(blob);
+  document.body.appendChild(eleLink);
+  eleLink.click();
+  document.body.removeChild(eleLink);
+}
+var d = fakeData;
+var L = function L(props) {
+  var _a = props.value,
+    value = _a === void 0 ? [] : _a,
+    _onChange2 = props.onChange,
+    questions = props.questions;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    onClick: function onClick(e) {
+      return _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(__spreadArray(__spreadArray([], value, true), [{}], false));
+    }
+  }, "\u65B0\u589E"), value === null || value === void 0 ? void 0 : value.map(function (_, idx) {
+    var _a, _b, _c;
+    var target = questions.find(function (q) {
+      return q.id === _.questionId;
+    });
+    return /*#__PURE__*/React.createElement(Row, {
+      key: idx,
+      style: {
+        marginTop: 6
+      },
+      gutter: 8
+    }, /*#__PURE__*/React.createElement(Col, {
+      span: 6
+    }, /*#__PURE__*/React.createElement(Select_L, {
+      value: _.questionId,
+      options: questions === null || questions === void 0 ? void 0 : questions.map(function (q) {
+        return {
+          label: q.questionTitle,
+          value: q.id,
+          disabled: value.some(function (v) {
+            return v.questionId === q.id;
+          })
+        };
+      }),
+      onChange: function onChange(id) {
+        var selectTarget = questions.find(function (_) {
+          return _.id === id;
+        });
+        value.splice(idx, 1, __assign(__assign({}, _), {
+          questionId: id,
+          questionType: selectTarget === null || selectTarget === void 0 ? void 0 : selectTarget.questionType,
+          optionIndex: ''
+        }));
+        _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(__spreadArray([], value, true));
+      }
+    })), /*#__PURE__*/React.createElement(Col, {
+      span: 16
+    }, /*#__PURE__*/React.createElement(Select_L, {
+      value: (_b = (_a = _.optionIndex) === null || _a === void 0 ? void 0 : _a.split(',')) === null || _b === void 0 ? void 0 : _b.filter(function (_) {
+        return !!_;
+      }),
+      mode: "multiple",
+      options: (_c = target === null || target === void 0 ? void 0 : target.questionOptionList) === null || _c === void 0 ? void 0 : _c.map(function (q) {
+        var _a;
+        return {
+          label: q.optionTitle,
+          value: (_a = q.optionIndex) === null || _a === void 0 ? void 0 : _a.toString()
+        };
+      }),
+      onChange: function onChange(id) {
+        value.splice(idx, 1, __assign(__assign({}, _), {
+          optionIndex: id === null || id === void 0 ? void 0 : id.toString()
+        }));
+        _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(__spreadArray([], value, true));
+      }
+    })), /*#__PURE__*/React.createElement(Col, {
+      span: 2
+    }, /*#__PURE__*/React.createElement(Button, {
+      block: true,
+      style: {
+        marginLeft: 0
+      },
+      danger: true,
+      onClick: function onClick(e) {
+        value.splice(idx, 1);
+        _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(__spreadArray([], value, true));
+      }
+    }, "\u5220\u9664")));
+  }));
+};
+var Step4 = function Step4(_a) {
+  var _b;
+  var onChangeStep = _a.onChangeStep,
+    _c = _a.data,
+    data = _c === void 0 ? d : _c;
+  var form = Form.useForm()[0];
+  var _d = useState([]),
+    list = _d[0],
+    setList = _d[1];
+  function getReqData() {
+    return __assign({
+      questionnaireId: data.id
+    }, form.getFieldsValue());
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      padding: '0 12px',
+      marginBottom: 12
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: 20,
+      fontWeight: 'bold'
+    }
+  }, data.questionnaireTitle), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      return SMchc_Questionnaire.fk_downloadResult(getReqData()).then(download);
+    }
+  }, "\u5BFC\u51FA"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      return onChangeStep(0);
+    }
+  }, "\u8FD4\u56DE"))), /*#__PURE__*/React.createElement(SimpleForm, {
+    onValuesChange: function onValuesChange(v) {
+      return console.log('xxd', v);
+    },
+    form: form,
+    blocks: [{
+      title: '搜索条件',
+      rows: [{
+        itemsInRow: [{
+          type: 'Input',
+          outerOptions: {
+            name: 'outpatientNo',
+            label: '就诊卡号'
+          }
+        }, {
+          type: 'RangePicker',
+          outerOptions: {
+            name: 'fillDate',
+            label: '提交日期'
+          },
+          innerOptions: {
+            placeholder: ['请选择', '请选择']
+          }
+        }, {
+          type: 'InputNumber',
+          outerOptions: {
+            name: 'beginTotalScore',
+            label: '最小分数'
+          },
+          innerOptions: {}
+        }, {
+          type: 'InputNumber',
+          outerOptions: {
+            name: 'endTotalScore',
+            label: '最大分数'
+          },
+          innerOptions: {}
+        }],
+        layoutType: 6
+      }, {
+        itemsInRow: [{
+          type: 'Custom',
+          layoutType: 24,
+          innerOptions: {
+            CustomedComponent: L,
+            questions: data.questionList
+          },
+          outerOptions: {
+            name: 'questionOptionList',
+            label: '题目'
+          }
+        }]
+      }, {
+        itemsInRow: [{
+          customNode: /*#__PURE__*/React.createElement(Button, {
+            type: "primary",
+            block: true,
+            style: {
+              marginLeft: 0
+            },
+            onClick: function onClick(e) {
+              SMchc_Questionnaire.fk_getResult(getReqData()).then(setList);
+            }
+          }, "\u641C\u7D22")
+        }],
+        layoutType: 24
+      }]
+    }]
+  }), /*#__PURE__*/React.createElement(Table_L, {
+    sticky: true,
+    scroll: {
+      x: 1500
+    },
+    bordered: true,
+    dataSource: list,
+    style: {
+      marginTop: 24
+    },
+    columns: __spreadArray(__spreadArray([{
+      dataIndex: 'outpatientNo',
+      title: '就诊卡号',
+      ellipsis: true,
+      fixed: true,
+      width: 160
+    }, {
+      title: '姓名',
+      width: 160,
+      render: function render(a, b) {
+        return b.name;
+      }
+    }, {
+      title: '年龄',
+      width: 160,
+      render: function render(a, b) {
+        return b.age;
+      }
+    }, {
+      title: '孕周',
+      width: 160,
+      render: function render(a, b) {
+        return b.expandField1;
+      }
+    }, {
+      title: '预产期',
+      width: 160,
+      render: function render(a, b) {
+        return b.expandField2;
+      }
+    }, {
+      title: '手机号',
+      width: 160,
+      render: function render(a, b) {
+        return b.telephone;
+      }
+    }, {
+      title: '居住地址',
+      width: 160,
+      render: function render(a, b) {
+        return b.residenceAddress;
+      }
+    }, {
+      title: '提交日期',
+      width: 160,
+      render: function render(a, b) {
+        return b.fillDate;
+      }
+    }], ((_b = data.groupVOList) === null || _b === void 0 ? void 0 : _b.map(function (g) {
+      var _a;
+      var questionList = (_a = data.questionList) === null || _a === void 0 ? void 0 : _a.filter(function (q) {
+        var _a;
+        return (_a = g.questionIndexList) === null || _a === void 0 ? void 0 : _a.includes(q.questionIndex);
+      });
+      return {
+        title: g.groupTitle,
+        children: questionListMapColumn(questionList)
+      };
+    })) || [], true), [{
+      title: '总分',
+      width: 160,
+      render: function render(a, b) {
+        return b.totalScore;
+      }
+    }], false)
+  }));
+};
+function questionListMapColumn(list) {
+  if (list === void 0) {
+    list = [];
+  }
+  return list.map(function (q) {
+    return {
+      title: q.questionTitle,
+      align: 'center',
+      width: 140,
+      ellipsis: true,
+      render: function render(a, b) {
+        var _a, _b, _c, _d;
+        var target = b.writeDetailList.find(function (_) {
+          return _.questionId === q.id;
+        });
+        var optionIdxArr = ((_b = (_a = target === null || target === void 0 ? void 0 : target.optionIndex) === null || _a === void 0 ? void 0 : _a.split(',')) === null || _b === void 0 ? void 0 : _b.filter(function (_) {
+          return !!_;
+        })) || [];
+        var displayStr = (_c = q.questionOptionList) === null || _c === void 0 ? void 0 : _c.filter(function (_) {
+          var _a;
+          return optionIdxArr.includes((_a = _.optionIndex) === null || _a === void 0 ? void 0 : _a.toString());
+        });
+        return /*#__PURE__*/React.createElement("div", null, ((_d = displayStr === null || displayStr === void 0 ? void 0 : displayStr.map(function (_) {
+          return _.optionTitle;
+        })) === null || _d === void 0 ? void 0 : _d.join('、')) || (target === null || target === void 0 ? void 0 : target.questionResult));
+      }
+    };
+  }) || [];
+}
+var css_248z = ".index-module_questionnaire-steps__gTgic {\n  background-color: white;\n  height: 70px;\n  display: flex;\n  align-items: center;\n  padding: 0 15% !important;\n  margin-bottom: 8px;\n}\n.index-module_questionnaire-steps-content__WjTKD {\n  padding: 16px;\n  background-color: white;\n}\n";
+var styles = {
+  "questionnaire-steps": "index-module_questionnaire-steps__gTgic",
+  "questionnaire-steps-content": "index-module_questionnaire-steps-content__WjTKD"
+};
+styleInject(css_248z);
+var Inner = function Inner(props) {
+  var onEditorUpload = props.onEditorUpload;
+  var _a = useState(0),
+    current = _a[0],
+    setCurrent = _a[1];
+  var _b = useState(),
+    data = _b[0],
+    setData = _b[1];
+  var _c = useState([]),
+    templateList = _c[0],
+    setTemplateList = _c[1];
+  function fetchTemplateList() {
+    SMchc_Questionnaire.fk_list().then(setTemplateList);
+  }
+  function onDeleteTemplate(data) {
+    return __awaiter(this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!confirm('确定删除吗')) return [2];
+            return [4, SMchc_Questionnaire.del(data.id)];
+          case 1:
+            _a.sent();
+            mchcEnv.success('删除问卷成功');
+            fetchTemplateList();
+            return [2];
+        }
+      });
+    });
+  }
+  useEffect(function () {
+    current || fetchTemplateList();
+  }, [current]);
+  var handleChangeStep = function handleChangeStep(target) {
+    setCurrent(target);
+  };
+  var handlePreview = function handlePreview(data) {
+    setData(data);
+    handleChangeStep(2);
+  };
+  var handleInitQuestions = function handleInitQuestions(data_1) {
+    var args_1 = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+      args_1[_i - 1] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([data_1], args_1, true), void 0, function (data, isCopy, step) {
+      var _data;
+      var _a;
+      if (isCopy === void 0) {
+        isCopy = false;
+      }
+      if (step === void 0) {
+        step = 1;
+      }
+      return __generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            if (!(typeof data.id === 'number')) return [3, 2];
+            return [4, SMchc_Questionnaire.fk_byId(data.id)];
+          case 1:
+            _data = _b.sent();
+            if (isCopy && _data) {
+              delete _data.id;
+              _data.questionList = (_a = _data.questionList) === null || _a === void 0 ? void 0 : _a.map(function (q) {
+                var _a;
+                delete q.id;
+                q.questionOptionList = (_a = q.questionOptionList) === null || _a === void 0 ? void 0 : _a.map(function (o) {
+                  delete o.id;
+                  return o;
+                });
+                return q;
+              });
+            }
+            return [3, 3];
+          case 2:
+            _data = data;
+            _b.label = 3;
+          case 3:
+            console.log('qqq', {
+              _data: _data,
+              data: data,
+              isCopy: isCopy
+            });
+            setData(_data);
+            handleChangeStep(step);
+            return [2];
+        }
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      overflow: 'auto',
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Steps, {
+    current: current,
+    className: styles["questionnaire-steps"]
+  }, /*#__PURE__*/React.createElement(Steps.Step, {
+    title: "\u9009\u62E9\u95EE\u53771"
+  }), /*#__PURE__*/React.createElement(Steps.Step, {
+    title: "\u7F16\u8F91\u95EE\u5377"
+  }), /*#__PURE__*/React.createElement(Steps.Step, {
+    title: "\u9884\u89C8\u95EE\u5377"
+  }), /*#__PURE__*/React.createElement(Steps.Step, {
+    title: "\u7EDF\u8BA1\u95EE\u5377"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles["questionnaire-steps-content"]
+  }, current === 0 && (/*#__PURE__*/React.createElement(Step1, __assign({}, props, {
+    handleInitQuestions: handleInitQuestions,
+    templateList: templateList,
+    onDeleteTemplate: onDeleteTemplate
+  }))), current === 1 && data && (/*#__PURE__*/React.createElement(Step2, {
+    onChangeStep: handleChangeStep,
+    onPreview: handlePreview,
+    data: data,
+    onEditorUpload: onEditorUpload
+  })), current === 2 && data && /*#__PURE__*/React.createElement(Step3, {
+    onChangeStep: handleChangeStep,
+    data: data
+  }), current === 3 && data && /*#__PURE__*/React.createElement(Step4, {
+    onChangeStep: handleChangeStep,
+    data: data
+  })));
+};
+export { Inner as default };