From 02704552fe26b5a783ac4ddce776f8922ae08503 Mon Sep 17 00:00:00 2001
From: unknown <binbin0314@126.com>
Date: Wed, 24 Feb 2021 17:42:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=97=85=E4=BE=8B=E6=90=9C=E7=B4=A2=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CaseTable/CaseTable.vue |   99 +++
 src/views/CaseSearch/CaseSearch.vue    | 1061 +++++++++++++++++++-----
 src/views/PatientInfo/PatientInfo.vue  |    2 +-
 3 files changed, 964 insertions(+), 198 deletions(-)
 create mode 100644 src/components/CaseTable/CaseTable.vue

diff --git a/src/components/CaseTable/CaseTable.vue b/src/components/CaseTable/CaseTable.vue
new file mode 100644
index 0000000..14c6c79
--- /dev/null
+++ b/src/components/CaseTable/CaseTable.vue
@@ -0,0 +1,99 @@
+<template>
+  <div>
+    <!-- search -->
+    <div style="width: 100%" v-if="lists && lists.list && lists.list.length > 0">
+      <a-table
+        :columns="columns"
+        :data-source="lists.list"
+        :loading="loading"
+        :pagination="pagination"
+        :row-key="record => record.id"
+        @change="setData"
+        bordered
+        class="white pa-3"
+      >
+        <template slot="hospitalId" slot-scope="text, record">
+          <span>{{ record.hospitalId }}</span>
+        </template>
+        <template slot="inputStatus" slot-scope="text, record">
+          <span v-if="record.inputStatus === 0">新建</span>
+          <span v-else-if="record.inputStatus === 1">数据搜集中</span>
+          <span v-else-if="record.inputStatus === 2">数据搜集完成</span>
+          <span v-else-if="record.inputStatus === 3">数据搜集超时</span>
+          <span v-else-if="record.inputStatus === 4">废弃</span>
+        </template>
+      </a-table>
+    </div>
+    <a-empty v-else />
+  </div>
+</template>
+
+<script>
+import { mapMutations, mapState } from 'vuex';
+const columns = [
+  {
+    title: '住院号',
+    align: 'center',
+    dataIndex: 'hospitalization',
+    key: 'hospitalization',
+  },
+  {
+    title: '医院',
+    align: 'center',
+    dataIndex: 'hosName',
+    key: 'hosName',
+    scopedSlots: { customRender: 'hosName' },
+  },
+  {
+    title: '对照组',
+    align: 'center',
+    dataIndex: 'name',
+    key: 'name',
+    scopedSlots: { customRender: 'name' },
+  },
+  {
+    title: '录入状态',
+    align: 'center',
+    dataIndex: 'inputStatus',
+    key: 'inputStatus',
+    scopedSlots: { customRender: 'inputStatus' },
+  },
+];
+
+export default {
+  name: 'CaseTable',
+
+  props: { lists: { type: Object, default: null } },
+
+  data() {
+    return {
+      columns,
+      loading: false,
+    };
+  },
+
+  computed: {
+    pagination() {
+      const { pageNum, pageSize, total } = this.lists;
+      return {
+        current: pageNum,
+        pageSize,
+        total: +total,
+      };
+    },
+  },
+
+  methods: {
+    ...mapMutations('home', ['setPatientId']),
+
+    // 选择病患
+    chooseItem(id) {
+      this.setPatientId(id);
+    },
+    setData(pagination) {
+      const { current } = pagination;
+      this.$emit('setData', current);
+    },
+  },
+};
+</script>
diff --git a/src/views/CaseSearch/CaseSearch.vue b/src/views/CaseSearch/CaseSearch.vue
index f92d78f..fb77717 100644
--- a/src/views/CaseSearch/CaseSearch.vue
+++ b/src/views/CaseSearch/CaseSearch.vue
@@ -1,6 +1,30 @@
 <template>
   <div class="flex-column">
-    病例搜索
+    <div>
+      <div class="d-flex flex-row flex-wrap">
+        <a-form :form="form1" class="d-flex flex-wrap align-center" layout="inline">
+          <a-form-item>
+            <a-select placeholder="请选择医院" style="min-width: 150px" v-decorator="['hospital']" @change="chooseHos($event, 1)">
+              <a-select-option :key="item.id" :value="item.id" v-for="item in hospitals">{{ item.name }}</a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item>
+            <a-input placeholder="患者住院号" style="width: 14em" v-model="setObj.hospitalization" />
+          </a-form-item>
+          <a-form-item>
+            <a-select placeholder="请选择对照组" style="min-width: 450px" @change="chooseHos($event, 2)">
+              <a-select-option :key="item.id" :value="item.id" v-for="item in controlGroups">{{ item.name }}</a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item>
+            <a-select placeholder="请选择录入状态" style="min-width: 150px" @change="chooseHos($event, 3)">
+              <a-select-option :key="item.id" :value="item.id" v-for="item in statusList">{{ item.name }}</a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-form>
+        <div class="flex-1"></div>
+      </div>
+    </div>
     <a-form :form="form">
       <!-- 首先遍历整个data大数组 -->
       <div v-for="(item, index) in list" :key="index">
@@ -11,250 +35,686 @@
         <!-- 一级标题下的各种问题（questionVos），判断类型1-12，展示不同需要填写的内容 -->
         <div v-for="a in item.questionVos" :key="a.name">
           <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" :label="a.question">
-            <a-input v-if="a.type === 1" @change="onChange($event, a.type, a.id)" />
-            <a-textarea v-else-if="a.type === 2" style="height: 100px" @change="onChange($event, a.type, a.id)" />
-            <a-radio-group v-else-if="a.type === 3" v-model="value" @change="onChange($event, a.type, a.id)">
-              <a-radio :style="radioStyle" value="高血压"> 没有单选题 </a-radio>
-              <a-radio :style="radioStyle" value="高血脂"> 没有单选题 </a-radio>
-              <a-radio :style="radioStyle" value="高血糖"> 没有单选题 </a-radio>
+            <a-input v-if="a.type === 1" @change="onChange($event, a.type, a.id, a.recordId)" />
+            <a-textarea v-else-if="a.type === 2" style="height: 100px" @change="onChange($event, a.type, a.id, a.recordId)" />
+            <a-radio-group v-else-if="a.type === 3" v-model="value" @change="onChange($event, a.type, a.id, a.recordId)">
+              <a-radio v-for="(b, c) in a.optionVos" :key="c" :style="radioStyle" :value="b.showValue"> {{ b.showValue }} </a-radio>
             </a-radio-group>
-            <a-checkbox-group v-else-if="a.type === 4" @change="onChange($event, a.type, a.id)">
+            <a-checkbox-group v-else-if="a.type === 4" @change="onChange($event, a.type, a.id, a.recordId)">
               <a-row>
-                <a-col :span="8">
-                  <a-checkbox value="A"> A </a-checkbox>
-                </a-col>
-                <a-col :span="8">
-                  <a-checkbox value="B"> B </a-checkbox>
-                </a-col>
-                <a-col :span="8">
-                  <a-checkbox value="C"> C </a-checkbox>
+                <a-col :span="24" v-for="(ques, indexNum) in a.optionVos" :key="indexNum">
+                  <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
                 </a-col>
               </a-row>
             </a-checkbox-group>
-            <a-select v-else-if="a.type === 5" default-value="lucy" style="width: 120px" loading @change="onChange($event, a.type, a.id)">
-              <a-select-option value="1"> Lucy1 </a-select-option>
-              <a-select-option value="2"> Lucy2 </a-select-option>
-              <a-select-option value="3"> Lucy3 </a-select-option>
-              <a-select-option value="4"> Lucy4 </a-select-option>
+            <a-select v-else-if="a.type === 5" style="width: 120px" @change="onChange($event, a.type, a.id, a.recordId)">
+              <a-select-option v-for="(b, c) in a.optionVos" :key="c" :value="b.showValue"> {{ b.showValue }} </a-select-option>
             </a-select>
-            <a-date-picker show-time placeholder="日期时间选择" v-else-if="a.type === 6" @change="onChange($event, a.type, a.id)" />
-            <a-upload v-else-if="a.type === 7">
-              <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
-              <div v-else>
-                <a-icon :type="loading ? 'loading' : 'plus'" />
-                <div class="ant-upload-text">Upload</div>
-              </div>
+            <a-date-picker
+              show-time
+              placeholder="日期时间选择"
+              v-else-if="a.type === 6"
+              @change="onChange($event, a.type, a.id, a.recordId)"
+            />
+            <a-upload
+              v-else-if="a.type === 7"
+              :action="action"
+              :default-file-list="fileList"
+              :headers="headers"
+              list-type="picture"
+              @change="fileChange($event, a.id)"
+              name="files"
+            >
+              <a-button v-show="fileList.length === 0"> <a-icon type="upload" /> 点击上传 </a-button>
             </a-upload>
-            <a-radio-group v-else-if="a.type === 8" v-model="value" @change="onChange($event, a.type, a.id)">
-              <a-radio :style="radioStyle" value="高血压"> 高血压 </a-radio>
-              <a-radio :style="radioStyle" value="高血脂"> 高血脂 </a-radio>
-              <a-radio :style="radioStyle" value="高血糖"> 高血糖 </a-radio>
-              <!-- <a-radio :style="radioStyle" :value="4">
-                其它
-                <a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }" />
-              </a-radio> -->
+            <a-radio-group v-else-if="a.type === 8" v-model="value" @change="onChange($event, a.type, a.id, a.recordId)">
+              <a-radio-group @change="onChange($event, a.type, a.id, a.recordId)">
+                <a-radio v-for="(f, g) in a.optionVos" :key="g" :style="radioStyle" :value="f.showValue">
+                  {{ f.showValue }}
+                </a-radio>
+              </a-radio-group>
+              <div v-for="(j, k) in a.optionVos" :key="k">
+                <div
+                  v-if="
+                    contentList.find(item => {
+                      return item.testQuestionsId === a.id && item.contents === `${j.showValue}`;
+                    }) && j.afterOperation === 1
+                  "
+                >
+                  <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                    <a-input style="width: 200px" @change="inputChange(a.id, $event, j.showValue)"></a-input>
+                  </a-form-item>
+                </div>
+              </div>
             </a-radio-group>
-            <a-checkbox-group v-else-if="a.type === 9" @change="onChange($event, a.type, a.id)">
+            <a-checkbox-group v-else-if="a.type === 9" @change="onChange($event, a.type, a.id, a.recordId)">
               <a-row>
                 <a-col :span="24" v-for="(ques, indexNum) in a.optionVos" :key="indexNum">
                   <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
                 </a-col>
                 <a-col :span="100">
-                  <a-input
-                    v-if="
-                      contentList.find(item => {
-                        return (
-                          item.testQuestionsId === a.id &&
-                          item.contents.find(a => {
-                            return a === '其他';
-                          })
-                        );
-                      })
-                    "
-                    :style="{ width: 100, marginLeft: 10 }"
-                  />
+                  <div v-for="(j, k) in a.optionVos" :key="k">
+                    <div
+                      v-if="
+                        contentList.find(item => {
+                          return item.testQuestionsId === a.id && item.contents === `${j.showValue}`;
+                        }) && j.afterOperation === 1
+                      "
+                    >
+                      <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                        <a-input style="width: 200px" @change="inputChange(a.id, $event, j.showValue)"></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
                 </a-col>
               </a-row>
             </a-checkbox-group>
             <div v-else-if="a.type === 10">
-              <a-select default-value="lucy" style="width: 120px" loading>
-                <a-select-option value="1"> 1 </a-select-option>
-                <a-select-option value="2"> 2 </a-select-option>
+              <a-select style="width: 120px" @change="onChange($event, a.type, a.id, a.recordId)">
+                <a-select-option v-for="(b, c) in a.optionVos" :key="c" :value="b.showValue"> {{ b.showValue }} </a-select-option>
               </a-select>
-              <a-input v-if="value === 2"></a-input>
+              <div v-for="(b, c) in a.optionVos" :key="c">
+                <div
+                  v-if="
+                    contentList.find(item => {
+                      return item.testQuestionsId === a.id && item.contents === `${b.showValue}`;
+                    }) && b.afterOperation === 1
+                  "
+                >
+                  <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                    <a-input style="width: 200px" @change="inputChange(a.id, $event, b.showValue)"></a-input>
+                  </a-form-item>
+                </div>
+              </div>
             </div>
             <div v-else-if="a.type === 11">
-              <a-checkbox-group @change="onChange($event, a.type, a.id)">
+              <a-checkbox-group @change="onChange($event, a.type, a.id, a.recordId)">
                 <a-row>
                   <a-col :span="24" v-for="(ques, indexNum) in a.optionVos" :key="indexNum">
                     <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
                   </a-col>
                   <a-col :span="100">
-                    <a-input
-                      v-if="
-                        contentList.find(item => {
-                          return (
-                            item.testQuestionsId === a.id &&
-                            item.contents.find(a => {
-                              return a === '其他';
-                            })
-                          );
-                        })
-                      "
-                      :style="{ width: 100, marginLeft: 10 }"
-                    />
+                    <div v-for="(b, c) in a.optionVos" :key="c">
+                      <div
+                        v-if="
+                          contentList.find(item => {
+                            return item.testQuestionsId === a.id && item.contents.find(content => content === `${b.showValue}`);
+                          }) && b.afterOperation > 0
+                        "
+                      >
+                        <a-input style="width: 200px" @change="inputChange(a.id, $event, b.showValue)"></a-input>
+                      </div>
+                    </div>
                   </a-col>
                 </a-row>
-                说明： <a-input :style="{ width: 100, marginLeft: 10 }" />
+                说明： <a-input style="width: 200px" @change="explainChange(a.id, $event)" />
               </a-checkbox-group>
             </div>
             <!-- 当类型为12时，为单选+关联 -->
             <div v-else-if="a.type === 12">
-              <a-radio-group @change="onChange($event, a.type, a.id)">
-                <a-radio :style="radioStyle" :value="1"> 高血压 </a-radio>
-                <a-radio :style="radioStyle" :value="2"> 高血脂 </a-radio>
-                <a-radio :style="radioStyle" :value="3"> 高血糖 </a-radio>
-                <a-radio :style="radioStyle" :value="4">
-                  其它
-                  <a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }" />
+              <a-radio-group @change="onChange($event, a.type, a.id, a.recordId)">
+                <a-radio v-for="(f, g) in a.optionVos" :key="g" :style="radioStyle" :value="f.showValue">
+                  {{ f.showValue }}
                 </a-radio>
               </a-radio-group>
+              <div v-for="(j, k) in a.optionVos" :key="k">
+                <div
+                  v-if="
+                    contentList.find(item => {
+                      return item.testQuestionsId === a.id && item.contents === `${j.showValue}`;
+                    }) && j.afterOperation > 0
+                  "
+                >
+                  <div v-for="(h, i) in j.questionVos" :key="i">
+                    <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" :label="h.question">
+                      <a-input
+                        v-if="j.afterOperation === 1"
+                        style="width: 200px"
+                        @change="inputChange(a.id, $event, j.showValue)"
+                      ></a-input>
+                      <a-textarea v-else-if="j.afterOperation === 2" @change="inputChange(a.id, $event, j.showValue)"></a-textarea>
+                      <div v-else-if="j.afterOperation === 3">
+                        <div v-for="ohter in j.questionVos" :key="ohter.id">
+                          <a-form-item
+                            :label-col="formItemLayout.labelCol"
+                            :wrapper-col="formItemLayout.wrapperCol"
+                            :label="ohter.question"
+                          >
+                            <a-input v-if="ohter.type === 1" @change="onChange($event, ohter.type, ohter.id, ohter.recordId)" />
+                            <a-textarea
+                              v-else-if="ohter.type === 2"
+                              style="height: 100px"
+                              @change="onChange($event, ohter.type, ohter.id)"
+                            />
+                            <a-radio-group
+                              v-else-if="ohter.type === 3"
+                              v-model="value"
+                              @change="onChange($event, ohter.type, ohter.id, ohter.recordId)"
+                            >
+                              <a-radio v-for="(b, c) in ohter.optionVos" :key="c" :style="radioStyle" :value="b.showValue">
+                                {{ b.showValue }}
+                              </a-radio>
+                            </a-radio-group>
+                            <a-checkbox-group v-else-if="ohter.type === 4" @change="onChange($event, ohter.type, ohter.id, ohter.recordId)">
+                              <a-row>
+                                <a-col :span="24" v-for="(ques, indexNum) in ohter.optionVos" :key="indexNum">
+                                  <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
+                                </a-col>
+                              </a-row>
+                            </a-checkbox-group>
+                            <a-select
+                              v-else-if="ohter.type === 5"
+                              style="width: 120px"
+                              @change="onChange($event, ohter.type, ohter.id, ohter.recordId)"
+                            >
+                              <a-select-option v-for="(b, c) in ohter.optionVos" :key="c" :value="b.showValue">
+                                {{ b.showValue }}
+                              </a-select-option>
+                            </a-select>
+                            <a-date-picker
+                              show-time
+                              placeholder="日期时间选择"
+                              v-else-if="ohter.type === 6"
+                              @change="onChange($event, ohter.type, ohter.id, ohter.recordId)"
+                            />
+                            <a-upload
+                              v-else-if="ohter.type === 7"
+                              :action="action"
+                              :headers="headers"
+                              :default-file-list="fileList"
+                              list-type="picture"
+                              @change="fileChange($event, ohter.id)"
+                              name="files"
+                            >
+                              <a-button v-show="fileList.length === 0"> <a-icon type="upload" /> 点击上传 </a-button>
+                            </a-upload>
+                            <a-radio-group
+                              v-else-if="ohter.type === 8"
+                              v-model="value"
+                              @change="onChange($event, ohter.type, ohter.id, ohter.recordId)"
+                            >
+                              <a-radio-group @change="onChange($event, ohter.type, ohter.id)">
+                                <a-radio v-for="(f, g) in ohter.optionVos" :key="g" :style="radioStyle" :value="f.showValue">
+                                  {{ f.showValue }}
+                                </a-radio>
+                              </a-radio-group>
+                              <div v-for="(m, n) in ohter.optionVos" :key="n">
+                                <div
+                                  v-if="
+                                    contentList.find(item => {
+                                      return item.testQuestionsId === ohter.id && item.contents === `${m.showValue}`;
+                                    }) && m.afterOperation === 1
+                                  "
+                                >
+                                  <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                                    <a-input style="width: 200px" @change="inputChange(ohter.id, $event, m.showValue)"></a-input>
+                                  </a-form-item>
+                                </div>
+                              </div>
+                            </a-radio-group>
+                            <a-checkbox-group v-else-if="ohter.type === 9" @change="onChange($event, ohter.type, ohter.id, ohter.recordId)">
+                              <a-row>
+                                <a-col :span="24" v-for="(ques, indexNum) in ohter.optionVos" :key="indexNum">
+                                  <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
+                                </a-col>
+                                <a-col :span="100">
+                                  <div v-for="(m, n) in ohter.optionVos" :key="n">
+                                    <div
+                                      v-if="
+                                        contentList.find(item => {
+                                          return item.testQuestionsId === ohter.id && item.contents === `${m.showValue}`;
+                                        }) && m.afterOperation === 1
+                                      "
+                                    >
+                                      <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                                        <a-input style="width: 200px" @change="inputChange(ohter.id, $event, m.showValue)"></a-input>
+                                      </a-form-item>
+                                    </div>
+                                  </div>
+                                </a-col>
+                              </a-row>
+                            </a-checkbox-group>
+                            <div v-else-if="ohter.type === 10">
+                              <a-select style="width: 120px" @change="onChange($event, ohter.type, ohter.id, ohter.recordId)">
+                                <a-select-option v-for="(b, c) in ohter.optionVos" :key="c" :value="b.showValue">
+                                  {{ b.showValue }}
+                                </a-select-option>
+                              </a-select>
+                              <div v-for="(b, c) in ohter.optionVos" :key="c">
+                                <div
+                                  v-if="
+                                    contentList.find(item => {
+                                      return item.testQuestionsId === ohter.id && item.contents === `${b.showValue}`;
+                                    }) && b.afterOperation === 1
+                                  "
+                                >
+                                  <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                                    <a-input style="width: 200px" @change="inputChange(ohter.id, $event, b.showValue)"></a-input>
+                                  </a-form-item>
+                                </div>
+                              </div>
+                            </div>
+                            <div v-else-if="ohter.type === 11">
+                              <a-checkbox-group @change="onChange($event, ohter.type, ohter.id, ohter.recordId)">
+                                <a-row>
+                                  <a-col :span="24" v-for="(ques, indexNum) in ohter.optionVos" :key="indexNum">
+                                    <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
+                                  </a-col>
+                                  <a-col :span="100">
+                                    <div v-for="(b, c) in ohter.optionVos" :key="c">
+                                      <div
+                                        v-if="
+                                          contentList.find(item => {
+                                            return (
+                                              item.testQuestionsId === ohter.id &&
+                                              item.contents.find(content => content === `${b.showValue}`)
+                                            );
+                                          }) && b.afterOperation > 0
+                                        "
+                                      >
+                                        <a-input style="width: 200px" @change="inputChange(ohter.id, $event, b.showValue)"></a-input>
+                                      </div>
+                                    </div>
+                                  </a-col>
+                                </a-row>
+                                说明： <a-input style="width: 200px" @change="explainChange(ohter.id, $event)" />
+                              </a-checkbox-group>
+                            </div>
+                            <!-- 当类型为12时，为单选+关联 -->
+                            <div v-else-if="ohter.type === 12">
+                              <a-radio-group @change="onChange($event, ohter.type, ohter.id, ohter.recordId)">
+                                <a-radio v-for="(f, g) in ohter.optionVos" :key="g" :style="radioStyle" :value="f.showValue">
+                                  {{ f.showValue }}
+                                </a-radio>
+                              </a-radio-group>
+                              <div v-for="(m, n) in ohter.optionVos" :key="n">
+                                <div
+                                  v-if="
+                                    contentList.find(item => {
+                                      return item.testQuestionsId === ohter.id && item.contents === `${m.showValue}`;
+                                    }) && m.afterOperation > 0
+                                  "
+                                >
+                                  <div v-for="(p, q) in m.questionVos" :key="q">
+                                    <a-form-item
+                                      :label-col="formItemLayout.labelCol"
+                                      :wrapper-col="formItemLayout.wrapperCol"
+                                      :label="p.question"
+                                    >
+                                      <a-input
+                                        v-if="m.afterOperation === 1"
+                                        style="width: 200px"
+                                        @change="inputChange(ohter.id, $event, m.showValue)"
+                                      ></a-input>
+                                      <a-textarea
+                                        v-else-if="m.afterOperation === 2"
+                                        @change="inputChange(ohter.id, $event, m.showValue)"
+                                      ></a-textarea>
+                                      <div v-else-if="m.afterOperation === 3">qwe</div>
+                                    </a-form-item>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                            <div v-else-if="ohter.type === 13">
+                              <a-input-number @change="onChange($event, ohter.type, ohter.id, ohter.recordId)" />
+                            </div>
+                            <div v-else-if="ohter.type === 14">图片识别</div>
+                          </a-form-item>
+                        </div>
+                      </div>
+                    </a-form-item>
+                  </div>
+                </div>
+              </div>
             </div>
             <div v-else-if="a.type === 13">
-              <a-input-number @change="onChange($event, a.type, a.id)" />
+              <a-input-number @change="onChange($event, a.type, a.id, a.recordId)" />
             </div>
             <div v-else-if="a.type === 14">图片识别</div>
           </a-form-item>
         </div>
         <!-- 一级标题下的各种二级标题（subReportCodes） -->
-        <div v-for="c in item.subReportCodes" :key="c.name">
+        <div v-for="w in item.subReportCodes" :key="w.name">
           <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
             <!-- 二级大标题 -->
-            <h3>{{ c.name }}：</h3>
+            <h3>{{ w.name }}：</h3>
           </a-form-item>
           <!-- 二级标题下的各种类型 -->
-          <div v-for="e in c.questionVos" :key="e.name">
+          <div v-for="e in w.questionVos" :key="e.name">
             <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" :label="e.question">
-              <a-input v-if="e.type === 1" @change="onChange($event, e.type, e.id)" />
-              <a-textarea v-else-if="e.type === 2" style="height: 100px" @change="onChange($event, e.type, e.id)" />
-              <a-radio-group v-else-if="e.type === 3" v-model="value" @change="onChange($event, e.type, e.id)">
-                <a-radio :style="radioStyle" value="高血压"> 没有单选题 </a-radio>
-                <a-radio :style="radioStyle" value="高血脂"> 没有单选题 </a-radio>
-                <a-radio :style="radioStyle" value="高血糖"> 没有单选题 </a-radio>
+              <a-input v-if="e.type === 1" @change="onChange($event, e.type, e.id, e.recordId)" />
+              <a-textarea v-else-if="e.type === 2" style="height: 100px" @change="onChange($event, e.type, e.id, e.recordId)" />
+              <a-radio-group v-else-if="e.type === 3" v-model="value" @change="onChange($event, e.type, e.id, e.recordId)">
+                <a-radio v-for="(b, c) in e.optionVos" :key="c" :style="radioStyle" :value="b.showValue"> {{ b.showValue }} </a-radio>
               </a-radio-group>
-              <a-checkbox-group v-else-if="e.type === 4" @change="onChange($event, e.type, e.id)">
+              <a-checkbox-group v-else-if="e.type === 4" @change="onChange($event, e.type, e.id, e.recordId)">
                 <a-row>
-                  <a-col :span="8">
-                    <a-checkbox value="A"> A </a-checkbox>
-                  </a-col>
-                  <a-col :span="8">
-                    <a-checkbox value="B"> B </a-checkbox>
-                  </a-col>
-                  <a-col :span="8">
-                    <a-checkbox value="C"> C </a-checkbox>
+                  <a-col :span="24" v-for="(ques, indexNum) in e.optionVos" :key="indexNum">
+                    <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
                   </a-col>
                 </a-row>
               </a-checkbox-group>
-              <a-select v-else-if="e.type === 5" default-value="lucy" style="width: 120px" loading @change="onChange($event, e.type, e.id)">
-                <a-select-option value="1"> Lucy1 </a-select-option>
-                <a-select-option value="2"> Lucy2 </a-select-option>
-                <a-select-option value="3"> Lucy3 </a-select-option>
-                <a-select-option value="4"> Lucy4 </a-select-option>
+              <a-select v-else-if="e.type === 5" style="width: 120px" @change="onChange($event, e.type, e.id, e.recordId)">
+                <a-select-option v-for="(b, c) in e.optionVos" :key="c" :value="b.showValue"> {{ b.showValue }} </a-select-option>
               </a-select>
-              <a-date-picker show-time placeholder="日期时间选择" v-else-if="e.type === 6" @change="onChange($event, e.type, e.id)" />
-              <a-upload v-else-if="e.type === 7">
-                <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
-                <div v-else>
-                  <a-icon :type="loading ? 'loading' : 'plus'" />
-                  <div class="ant-upload-text">Upload</div>
-                </div>
+              <a-date-picker
+                show-time
+                placeholder="日期时间选择"
+                v-else-if="e.type === 6"
+                @change="onChange($event, e.type, e.id, e.recordId)"
+              />
+              <a-upload
+                v-else-if="e.type === 7"
+                :action="action"
+                :default-file-list="fileList"
+                list-type="picture"
+                :headers="headers"
+                @change="fileChange($event, e.id, e.recordId)"
+                name="files"
+              >
+                <a-button v-show="fileList.length === 0"> <a-icon type="upload" /> 点击上传 </a-button>
               </a-upload>
-              <a-radio-group v-else-if="e.type === 8" v-model="value" @change="onChange($event, e.type, e.id)">
-                <a-radio :style="radioStyle" value="高血压"> 高血压 </a-radio>
-                <a-radio :style="radioStyle" value="高血脂"> 高血脂 </a-radio>
-                <a-radio :style="radioStyle" value="高血糖"> 高血糖 </a-radio>
-                <!-- <a-radio :style="radioStyle" :value="4">
-                其它
-                <a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }" />
-              </a-radio> -->
+              <a-radio-group v-else-if="e.type === 8" v-model="value" @change="onChange($event, e.type, e.id, e.recordId)">
+                <a-radio-group @change="onChange($event, e.type, e.id)">
+                  <a-radio v-for="(f, g) in e.optionVos" :key="g" :style="radioStyle" :value="f.showValue">
+                    {{ f.showValue }}
+                  </a-radio>
+                </a-radio-group>
+                <div v-for="(j, k) in e.optionVos" :key="k">
+                  <div
+                    v-if="
+                      contentList.find(item => {
+                        return item.testQuestionsId === e.id && item.contents === `${j.showValue}`;
+                      }) && j.afterOperation === 1
+                    "
+                  >
+                    <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                      <a-input style="width: 200px" @change="inputChange(e.id, $event, j.showValue)"></a-input>
+                    </a-form-item>
+                  </div>
+                </div>
               </a-radio-group>
-              <a-checkbox-group v-else-if="e.type === 9" @change="onChange($event, e.type, e.id)">
+              <a-checkbox-group v-else-if="e.type === 9" @change="onChange($event, e.type, e.id, e.recordId)">
                 <a-row>
-                  <a-col :span="12" v-for="(ques, indexNum) in e.optionVos" :key="indexNum">
+                  <a-col :span="24" v-for="(ques, indexNum) in e.optionVos" :key="indexNum">
                     <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
                   </a-col>
-                  {{ e.id }}
                   <a-col :span="100">
-                    <a-input
-                      v-if="
-                        contentList.find(item => {
-                          return (
-                            item.testQuestionsId === e.id &&
-                            item.contents.find(a => {
-                              return a === '其他';
-                            })
-                          );
-                        })
-                      "
-                      :style="{ width: 100, marginLeft: 10 }"
-                    />
+                    <div v-for="(j, k) in e.optionVos" :key="k">
+                      <div
+                        v-if="
+                          contentList.find(item => {
+                            return item.testQuestionsId === e.id && item.contents === `${j.showValue}`;
+                          }) && j.afterOperation === 1
+                        "
+                      >
+                        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                          <a-input style="width: 200px" @change="inputChange(e.id, $event, j.showValue)"></a-input>
+                        </a-form-item>
+                      </div>
+                    </div>
                   </a-col>
                 </a-row>
               </a-checkbox-group>
               <div v-else-if="e.type === 10">
-                <a-select default-value="lucy" style="width: 120px" loading>
-                  <a-select-option value="1"> 1 </a-select-option>
-                  <a-select-option value="2"> 2 </a-select-option>
+                <a-select style="width: 120px" @change="onChange($event, e.type, e.id, e.recordId)">
+                  <a-select-option v-for="(b, c) in e.optionVos" :key="c" :value="b.showValue"> {{ b.showValue }} </a-select-option>
                 </a-select>
-                <a-input v-if="value === 2"></a-input>
+                <div v-for="(b, c) in e.optionVos" :key="c">
+                  <div
+                    v-if="
+                      contentList.find(item => {
+                        return item.testQuestionsId === e.id && item.contents === `${b.showValue}`;
+                      }) && b.afterOperation === 1
+                    "
+                  >
+                    <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                      <a-input style="width: 200px" @change="inputChange(e.id, $event, b.showValue)"></a-input>
+                    </a-form-item>
+                  </div>
+                </div>
               </div>
               <div v-else-if="e.type === 11">
-                <a-checkbox-group @change="onChange($event, e.type, e.id)">
+                <a-checkbox-group @change="onChange($event, e.type, e.id, e.recordId)">
                   <a-row>
-                    <a-col :span="12">
-                      <a-checkbox value="A"> A </a-checkbox>
-                    </a-col>
-                    <a-col :span="12">
-                      <a-checkbox value="B"> B </a-checkbox>
+                    <a-col :span="24" v-for="(ques, indexNum) in e.optionVos" :key="indexNum">
+                      <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
                     </a-col>
-                    <a-col :span="12">
-                      <a-checkbox value="C"> 其他 </a-checkbox>
+                    <a-col :span="100">
+                      <div v-for="(b, c) in e.optionVos" :key="c">
+                        <div
+                          v-if="
+                            contentList.find(item => {
+                              return item.testQuestionsId === e.id && item.contents.find(content => content === `${b.showValue}`);
+                            }) && b.afterOperation > 0
+                          "
+                        >
+                          <a-input style="width: 200px" @change="inputChange(e.id, $event, b.showValue)"></a-input>
+                        </div>
+                      </div>
                     </a-col>
                   </a-row>
-                  <a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }" />
-                  说明： <a-input :style="{ width: 100, marginLeft: 10 }" />
+                  说明： <a-input style="width: 200px" @change="explainChange(e.id, $event)" />
                 </a-checkbox-group>
               </div>
               <!-- 当类型为12时，为单选+关联 -->
               <div v-else-if="e.type === 12">
-                <a-radio-group @change="onChange($event, e.type, e.id)">
-                  <a-radio :style="radioStyle" :value="1"> 高血压 </a-radio>
-                  <a-radio :style="radioStyle" :value="2"> 高血脂 </a-radio>
-                  <a-radio :style="radioStyle" :value="3"> 高血糖 </a-radio>
-                  <a-radio :style="radioStyle" :value="4">
-                    其它
-                    <a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }" />
+                <a-radio-group @change="onChange($event, e.type, e.id, e.recordId)">
+                  <a-radio v-for="(f, g) in e.optionVos" :key="g" :style="radioStyle" :value="f.showValue">
+                    {{ f.showValue }}
                   </a-radio>
                 </a-radio-group>
+                <div v-for="(j, k) in e.optionVos" :key="k">
+                  <div
+                    v-if="
+                      contentList.find(item => {
+                        return item.testQuestionsId === e.id && item.contents === `${j.showValue}`;
+                      }) && j.afterOperation > 0
+                    "
+                  >
+                    <div v-for="(h, i) in j.questionVos" :key="i">
+                      <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" :label="h.question">
+                        <a-input
+                          v-if="j.afterOperation === 1"
+                          style="width: 200px"
+                          @change="inputChange(e.id, $event, j.showValue)"
+                        ></a-input>
+                        <a-textarea v-else-if="j.afterOperation === 2" @change="inputChange(e.id, $event, j.showValue)"></a-textarea>
+                        <div v-else-if="j.afterOperation === 3">
+                          <a-form-item>
+                            <a-input v-if="h.type === 1" @change="onChange($event, h.type, h.id, h.h.recordId)" />
+                            <a-textarea
+                              v-else-if="h.type === 2"
+                              style="height: 100px"
+                              @change="onChange($event, h.type, h.id, h.recordId)"
+                            />
+                            <a-radio-group v-else-if="h.type === 3" v-model="value" @change="onChange($event, h.type, h.id, h.recordId)">
+                              <a-radio v-for="(b, c) in h.optionVos" :key="c" :style="radioStyle" :value="b.showValue">
+                                {{ b.showValue }}
+                              </a-radio>
+                            </a-radio-group>
+                            <a-checkbox-group v-else-if="h.type === 4" @change="onChange($event, h.type, h.id, h.recordId)">
+                              <a-row>
+                                <a-col :span="24" v-for="(ques, indexNum) in h.optionVos" :key="indexNum">
+                                  <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
+                                </a-col>
+                              </a-row>
+                            </a-checkbox-group>
+                            <a-select v-else-if="h.type === 5" style="width: 120px" @change="onChange($event, h.type, h.id, h.recordId)">
+                              <a-select-option v-for="(b, c) in h.optionVos" :key="c" :value="b.showValue">
+                                {{ b.showValue }}
+                              </a-select-option>
+                            </a-select>
+                            <a-date-picker
+                              show-time
+                              placeholder="日期时间选择"
+                              v-else-if="h.type === 6"
+                              @change="onChange($event, h.type, h.id, h.recordId)"
+                            />
+                            <a-upload
+                              v-else-if="h.type === 7"
+                              :action="action"
+                              :default-file-list="fileList"
+                              list-type="picture"
+                              :headers="headers"
+                              @change="fileChange($event, h.id)"
+                              name="files"
+                            >
+                              <a-button v-show="fileList.length === 0"> <a-icon type="upload" /> 点击上传 </a-button>
+                            </a-upload>
+                            <a-radio-group v-else-if="h.type === 8" v-model="value" @change="onChange($event, h.type, h.id, h.recordId)">
+                              <a-radio-group @change="onChange($event, h.type, h.id, h.recordId)">
+                                <a-radio v-for="(f, g) in h.optionVos" :key="g" :style="radioStyle" :value="f.showValue">
+                                  {{ f.showValue }}
+                                </a-radio>
+                              </a-radio-group>
+                              <div v-for="(m, n) in h.optionVos" :key="n">
+                                <div
+                                  v-if="
+                                    contentList.find(item => {
+                                      return item.testQuestionsId === h.id && item.contents === `${m.showValue}`;
+                                    }) && m.afterOperation === 1
+                                  "
+                                >
+                                  <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                                    <a-input style="width: 200px" @change="inputChange(h.id, $event, m.showValue)"></a-input>
+                                  </a-form-item>
+                                </div>
+                              </div>
+                            </a-radio-group>
+                            <a-checkbox-group v-else-if="h.type === 9" @change="onChange($event, h.type, h.id, h.recordId)">
+                              <a-row>
+                                <a-col :span="24" v-for="(ques, indexNum) in h.optionVos" :key="indexNum">
+                                  <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
+                                </a-col>
+                                <a-col :span="100">
+                                  <div v-for="(m, n) in h.optionVos" :key="n">
+                                    <div
+                                      v-if="
+                                        contentList.find(item => {
+                                          return item.testQuestionsId === h.id && item.contents === `${m.showValue}`;
+                                        }) && m.afterOperation === 1
+                                      "
+                                    >
+                                      <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                                        <a-input style="width: 200px" @change="inputChange(h.id, $event, m.showValue)"></a-input>
+                                      </a-form-item>
+                                    </div>
+                                  </div>
+                                </a-col>
+                              </a-row>
+                            </a-checkbox-group>
+                            <div v-else-if="h.type === 10">
+                              <a-select style="width: 120px" @change="onChange($event, h.type, h.id, h.recordId)">
+                                <a-select-option v-for="(b, c) in h.optionVos" :key="c" :value="b.showValue">
+                                  {{ b.showValue }}
+                                </a-select-option>
+                              </a-select>
+                              <div v-for="(b, c) in h.optionVos" :key="c">
+                                <div
+                                  v-if="
+                                    contentList.find(item => {
+                                      return item.testQuestionsId === h.id && item.contents === `${b.showValue}`;
+                                    }) && b.afterOperation === 1
+                                  "
+                                >
+                                  <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
+                                    <a-input style="width: 200px" @change="inputChange(h.id, $event, b.showValue)"></a-input>
+                                  </a-form-item>
+                                </div>
+                              </div>
+                            </div>
+                            <div v-else-if="h.type === 11">
+                              <a-checkbox-group @change="onChange($event, h.type, h.id, h.recordId)">
+                                <a-row>
+                                  <a-col :span="24" v-for="(ques, indexNum) in h.optionVos" :key="indexNum">
+                                    <a-checkbox :value="ques.submitValue"> {{ ques.showValue }} </a-checkbox>
+                                  </a-col>
+                                  <a-col :span="100">
+                                    <div v-for="(b, c) in h.optionVos" :key="c">
+                                      <div
+                                        v-if="
+                                          contentList.find(item => {
+                                            return (
+                                              item.testQuestionsId === h.id && item.contents.find(content => content === `${b.showValue}`)
+                                            );
+                                          }) && b.afterOperation > 0
+                                        "
+                                      >
+                                        <a-input style="width: 200px" @change="inputChange(h.id, $event, b.showValue)"></a-input>
+                                      </div>
+                                    </div>
+                                  </a-col>
+                                </a-row>
+                                说明： <a-input style="width: 200px" @change="explainChange(h.id, $event)" />
+                              </a-checkbox-group>
+                            </div>
+                            <!-- 当类型为12时，为单选+关联 -->
+                            <div v-else-if="h.type === 12">
+                              <a-radio-group @change="onChange($event, h.type, h.id, h.recordId)">
+                                <a-radio v-for="(f, g) in h.optionVos" :key="g" :style="radioStyle" :value="f.showValue">
+                                  {{ f.showValue }}
+                                </a-radio>
+                              </a-radio-group>
+                              <div v-for="(m, n) in h.optionVos" :key="n">
+                                <div
+                                  v-if="
+                                    contentList.find(item => {
+                                      return item.testQuestionsId === h.id && item.contents === `${m.showValue}`;
+                                    }) && m.afterOperation > 0
+                                  "
+                                >
+                                  <div v-for="(p, q) in m.questionVos" :key="q">
+                                    <a-form-item
+                                      :label-col="formItemLayout.labelCol"
+                                      :wrapper-col="formItemLayout.wrapperCol"
+                                      :label="p.question"
+                                    >
+                                      <a-input
+                                        v-if="m.afterOperation === 1"
+                                        style="width: 200px"
+                                        @change="inputChange(h.id, $event, m.showValue)"
+                                      ></a-input>
+                                      <a-textarea
+                                        v-else-if="m.afterOperation === 2"
+                                        @change="inputChange(h.id, $event, m.showValue)"
+                                      ></a-textarea>
+                                      <div v-else-if="m.afterOperation === 3">qwe</div>
+                                    </a-form-item>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                            <div v-else-if="h.type === 13">
+                              <a-input-number @change="onChange($event, h.type, h.id, h.recordId)" />
+                            </div>
+                            <div v-else-if="h.type === 14">图片识别</div>
+                          </a-form-item>
+                        </div>
+                      </a-form-item>
+                    </div>
+                  </div>
+                </div>
               </div>
               <div v-else-if="e.type === 13">
-                <a-input-number @change="onChange($event, e.type, e.id)" />
+                <a-input-number @change="onChange($event, e.type, e.id, e.recordId)" />
               </div>
               <div v-else-if="e.type === 14">图片识别</div>
             </a-form-item>
           </div>
         </div>
       </div>
-      <!-- <a-form-item class="d-flex flex-row-reverse">
-        <a-button class="white--text px-10" html-type="submit" type="primary">提交</a-button>
-      </a-form-item> -->
     </a-form>
-    <a-button class="white--text px-10" type="primary" @click="setData()">提交</a-button>
+    <a-button class="white--text px-10" type="primary" @click="setData()" v-if="list.length > 0">提交</a-button>
+    <case-table :lists="lists" @setData="setData" class="mt-3" />
   </div>
 </template>
 
 <script>
-import { selSearchCriteriaList, saveCaseMes } from 'config/api';
+import { mapState, mapActions } from 'vuex';
+import { getHList, selSearchCriteriaList, queryAll, selPatientMesList, upload } from 'config/api';
+import CaseTable from 'components/CaseTable/CaseTable.vue';
 const formItemLayout = {
   labelCol: { span: 6 },
   wrapperCol: { span: 9 },
@@ -262,11 +722,14 @@ const formItemLayout = {
 const tailItemLayout = { wrapperCol: { span: 18, offset: 4 } };
 export default {
   name: 'CaseSearch',
+  components: { CaseTable },
   data() {
     return {
       formItemLayout,
       tailItemLayout,
       form: this.$form.createForm(this, { name: 'page-add' }),
+      form1: this.$form.createForm(this, { name: 'search' }),
+      hospitals: [],
       value: 1,
       radioStyle: {
         display: 'block',
@@ -276,14 +739,84 @@ export default {
       list: [],
       contentList: [],
       numList: [1, 2, 3, 4, 5],
+      setObj: {
+        hospitalId: '', // 选择的医院Id
+        hospitalization: '', // 输入的住院号
+        inpatientId: '', // 选择的对照组Id
+        inputStatus: '', // 选择的录入状态
+      },
+      action: upload, // 上传附件地址
+      fileList: [], // 附件列表
+      files: '', // 附件Id
+      dateFormat: 'YYYY-MM-DD',
+      dateChoose: new Date(),
+      subDateTime: '',
+      statusList: [
+        {
+          id: 0,
+          name: '新建',
+        },
+        {
+          id: 1,
+          name: '数据搜集中',
+        },
+        {
+          id: 2,
+          name: '数据搜集完成',
+        },
+        {
+          id: 3,
+          name: '数据搜集超时',
+        },
+        {
+          id: 4,
+          name: '废弃',
+        },
+      ],
+      lists: { pageNum: 1, pageSize: 10, total: 1, list: [] },
     };
   },
-
+  computed: {
+    ...mapState('home', ['patientId', 'controlGroups']),
+    // 上传附加请求头
+    headers() {
+      const token = sessionStorage.getItem('anyringToken');
+      return { Authorization: `Bearer ${token}` };
+    },
+  },
   created() {
+    this.getControlGroups();
     this.handleSearchCriteriaList();
+    this.getHos();
+    this.setData();
   },
 
   methods: {
+    ...mapActions('home', ['getControlGroups']),
+    // 选择医院
+    chooseHos(e, type) {
+      if (type === 1) {
+        this.setObj.hospitalId = parseInt(e);
+      } else if (type === 2) {
+        this.setObj.inpatientId = parseInt(e);
+      } else if (type === 3) {
+        this.setObj.inputStatus = parseInt(e);
+      }
+    },
+    // 获取所有医院
+    async getHos() {
+      try {
+        const res = await getHList();
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.hospitals = data;
+        } else {
+          this.$message.error('查询医院列表失败');
+        }
+      } catch (error) {
+        this.$message.error('查询医院列表失败');
+      }
+    },
     async handleSearchCriteriaList() {
       try {
         const params = {};
@@ -300,88 +833,131 @@ export default {
         throw new Error(`CaseSearch.vue method selSearchCriteriaList: ${error}`);
       }
     },
-    onChange(e, type, id) {
+    onChange(e, type, id, recordId) {
       // 监听所有得题目类型得填写情况（改变事件）
       if (this.contentList.find(item => item.testQuestionsId === id)) {
         if (type === 1) {
           // 单行文本框
-          this.forFn(id, e.target.value);
+          this.forFn(id, e.target.value, recordId);
         } else if (type === 2) {
           // 多行文本框
-          this.forFn(id, e.target.value);
+          this.forFn(id, e.target.value, recordId);
         } else if (type === 3) {
           // 单选
-          this.forFn(id, e.target.value);
+          this.forFn(id, e.target.value, recordId);
         } else if (type === 4) {
           // 多选
-          alert('多选，没有这类的题，先参考多选+其他类型的题，那个有');
-          // this.forFn(id, e);
+          // 删除上次答题的所有答案
+          this.ergodicList(id);
+          // 遍历本次答案，添加到数组中
+          for (let i = 0; i < e.length; i++) {
+            this.failFn(id, e[i], recordId);
+          }
         } else if (type === 5) {
           // 下拉框
-          this.forFn(id, e);
+          this.forFn(id, e, recordId);
         } else if (type === 6) {
           // 日期时间选择器，给后台返回的值是  2020-01-01 00:00:00 的格式
-          // console.log(this.$moment(e._d).format('YYYY-MM-DD HH:mm:ss'));
-          this.forFn(id, this.$moment(e._d).format('YYYY-MM-DD HH:mm:ss'));
+          this.forFn(id, this.$moment(e._d).format('YYYY-MM-DD HH:mm:ss'), recordId);
         } else if (type === 7) {
-          alert('上传文件，先控下');
+          alert('上传文件，先空下');
         } else if (type === 8) {
           // 单选 + 其他
-          console.log(e.target.value);
-          // alert('暂时没有单选 + 其他类型的题，等导入题型之后再改');
+          // 删除上次答题的所有答案
+          this.ergodicList(id);
+          this.failFn(id, e.target.value, recordId);
         } else if (type === 9) {
-          this.forFn(id, e);
           // 多选 + 其他
+          // 如果type === 9 : 删除所有选项，重新添加，文本框继续存在，可以存给后台
+          for (let i = 0; i < this.contentList.length; i++) {
+            if (id === this.contentList[i].testQuestionsId && !this.contentList[i].type) {
+              this.contentList.splice(i, 1);
+              i -= 1;
+            }
+          }
+          // 遍历本次答案，添加到数组中
+          for (let i = 0; i < e.length; i++) {
+            this.failFn(id, e[i], recordId);
+          }
         } else if (type === 10) {
           // 下拉 + 其他
+          // 删除所有本题的答案（包括 选项 和 文本框）
+          this.ergodicList(id);
+          // 添加本次答题的选项
+          this.failFn(id, e, recordId);
         } else if (type === 11) {
           // 多选 + 其他 + 说明
-          this.forFn(id, e);
+          // 如果type === 11 : 删除所有选项，重新添加，文本框继续存在，可以存给后台
+          for (let i = 0; i < this.contentList.length; i++) {
+            if (id === this.contentList[i].testQuestionsId && !this.contentList[i].type) {
+              this.contentList.splice(i, 1);
+              i -= 1;
+            }
+          }
+          // 遍历本次答案，添加到数组中
+          for (let i = 0; i < e.length; i++) {
+            this.failFn(id, e[i], recordId);
+          }
         } else if (type === 12) {
           // 单选 + 关联其他内容
+          // console.log(e.target.value, type, id);
+          this.forFn(id, e.target.value, recordId);
         } else if (type === 13) {
           // 数字类型
+          this.forFn(id, e.target.value, recordId);
         } else if (type === 14) {
-          // 图片识别
+          // 图片识别 暂时不做
         }
       } else {
         if (type === 1) {
           // 单行文本框
-          this.failFn(id, e.target.value);
+          this.failFn(id, e.target.value, recordId);
         } else if (type === 2) {
           // 多行文本框
-          this.failFn(id, e.target.value);
+          this.failFn(id, e.target.value, recordId);
         } else if (type === 3) {
           // 单选
-          this.failFn(id, e.target.value);
+          this.failFn(id, e.target.value, recordId);
         } else if (type === 4) {
           // 多选
-          alert('多选，没有这类的题，先参考多选+其他类型的题，那个有');
+          this.failFn(id, e, recordId);
         } else if (type === 5) {
           // 下拉框
-          this.failFn(id, e);
+          this.failFn(id, e, recordId);
         } else if (type === 6) {
           // 日期时间选择器，给后台返回的值是  2020-01-01 00:00:00 的格式
-          // console.log(this.$moment(e._d).format('YYYY-MM-DD HH:mm:ss'));
-          this.failFn(id, this.$moment(e._d).format('YYYY-MM-DD HH:mm:ss'));
+          this.failFn(id, this.$moment(e._d).format('YYYY-MM-DD HH:mm:ss'), recordId);
         } else if (type === 7) {
-          alert('上传文件，先控下');
+          alert('上传文件，先空下');
         } else if (type === 8) {
           // 单选 + 其他
-          console.log(e.target.value);
-          // alert('暂时没有单选 + 其他类型的题，等导入题型之后再改');
+          this.failFn(id, e.target.value, recordId);
         } else if (type === 9) {
-          this.failFn(id, e);
           // 多选 + 其他
+          for (let i = 0; i < e.length; i++) {
+            this.failFn(id, e[i], recordId);
+          }
         } else if (type === 10) {
           // 下拉 + 其他
+          this.failFn(id, e, recordId);
         } else if (type === 11) {
-          this.failFn(id, e);
+          // 多选 + 其他 + 说明
+          for (let i = 0; i < e.length; i++) {
+            this.failFn(id, e[i], recordId);
+          }
+        } else if (type === 12) {
+          // 单选 + 关联其他内容
+          this.failFn(id, e.target.value, recordId);
+        } else if (type === 13) {
+          // 数字类型
+          this.failFn(id, e.target.value, recordId);
+        } else if (type === 14) {
+          // 图片识别 暂时不做
         }
       }
     },
     // for循环封装函数
-    forFn(id, value) {
+    forFn(id, value, recordId) {
       const { contentList } = this;
       console.log(value);
       for (let i = 0; i < contentList.length; i++) {
@@ -394,31 +970,122 @@ export default {
       console.log(this.contentList);
     },
     // 第一次填写题目答案得时候（在已经填写好的题目答案数组中没有找到当前所填得题）
-    failFn(id, value) {
+    failFn(id, value, recordId) {
       // console.log(id, value);
+      const { contentList } = this;
       let obj = {
         testQuestionsId: id,
+        patientRecordId: recordId ? recordId : '',
         contents: value,
       };
-      this.contentList.push(obj);
+      contentList.push(obj);
+      this.contentList = [...contentList];
+      console.log(this.contentList);
+    },
+    // 遍历数组，删除本题已经答过的所有答案
+    ergodicList(id) {
+      for (let i = 0; i < this.contentList.length; i++) {
+        if (this.contentList[i].testQuestionsId === id) {
+          this.contentList.splice(i, 1);
+          i -= 1;
+        }
+      }
+    },
+    // 其他输入框发生改变时
+    inputChange(id, e, value, recordId) {
+      for (let i = 0; i < this.contentList.length; i++) {
+        if (this.contentList[i].testQuestionsId === id && this.contentList[i].type === 1) {
+          this.contentList.splice(i, 1);
+          i -= 1;
+        }
+      }
+      if (e.target.value !== '') {
+        let obj = {
+          testQuestionsId: id,
+          contents: value + ':' + e.target.value,
+          patientRecordId: recordId ? recordId : '',
+          type: 1,
+        };
+        this.contentList.push(obj);
+      }
+      console.log(this.contentList);
+    },
+    // 说明输入框发生改变时
+    explainChange(id, e, recordId) {
+      for (let i = 0; i < this.contentList.length; i++) {
+        if (this.contentList[i].testQuestionsId === id && this.contentList[i].type === 2) {
+          this.contentList.splice(i, 1);
+        }
+      }
+      if (e.target.value !== '') {
+        let obj = {
+          testQuestionsId: id,
+          contents: e.target.value,
+          type: 2,
+          patientRecordId: recordId ? recordId : '',
+        };
+        this.contentList.push(obj);
+      }
       console.log(this.contentList);
     },
-    // 提交表单
-    async setData() {
+    // 上传图片事件
+    fileChange(info, id, recordId) {
+      console.log(info);
+      if (info.file.status === 'done') {
+        this.fileList = info.fileList;
+        for (let i = 0; i < this.contentList.length; i++) {
+          if (this.contentList[i].testQuestionsId === id) {
+            this.contentList.splice(i, 1);
+          }
+        }
+        if (info.fileList.length > 0) {
+          let obj = {
+            testQuestionsId: id,
+            patientRecordId: recordId ? recordId : '',
+            contents: info.fileList[0].response.data[0].visitUrl,
+          };
+          this.contentList.push(obj);
+        }
+        console.log(this.contentList);
+        console.log(this.fileList);
+      } else if (info.file.status === 'removed') {
+        this.fileList = info.fileList;
+        for (let i = 0; i < this.contentList.length; i++) {
+          if (this.contentList[i].testQuestionsId === id) {
+            this.contentList.splice(i, 1);
+          }
+        }
+      }
+    },
+    // 改变提交时间
+    changeDate(date) {
+      this.subDateTime = this.$moment(date._d).format('YYYY-MM-DD');
+    },
+    // 搜索数据
+    async setData(current) {
+      if (current) {
+        this.pageNum = current;
+      }
       try {
         const params = {
           param: {
-            list: this.contentList,
-            patientId: 1,
-            timeSlot: 123,
+            conditionList: [],
+            conditionListDate: [],
+            hospitalId: this.setObj.hospitalId, // 医院id
+            hospitalization: this.setObj.hospitalization, // 住院号
+            inpatientId: this.setObj.inpatientId, // 对照组id
+            inputStatus: this.setObj.inputStatus, // 录入状态
+            pageNum: this.pageNum,
+            pageSize: this.pageSize,
           },
         };
-        const res = await saveCaseMes(params);
+        const res = await selPatientMesList(params);
         const { code, msg, data } = res.data;
         if (code === 200) {
-          console.log(data);
+          this.lists = data;
+          console.log(this.lists);
         } else {
-          console.log(msg);
+          this.$message.error('搜索失败');
         }
       } catch (error) {
         this.$message.error('error');
diff --git a/src/views/PatientInfo/PatientInfo.vue b/src/views/PatientInfo/PatientInfo.vue
index 16260a1..206cce9 100644
--- a/src/views/PatientInfo/PatientInfo.vue
+++ b/src/views/PatientInfo/PatientInfo.vue
@@ -693,8 +693,8 @@
 </template>
 
 <script>
-import { queryAll, saveCaseMes, upload } from 'config/api';
 import { mapState } from 'vuex';
+import { queryAll, saveCaseMes, upload } from 'config/api';
 const formItemLayout = {
   labelCol: { span: 6 },
   wrapperCol: { span: 9 },