信息采集新增过敏和备注信息

src/views/collection/index.vue

@@ -62,6 +62,14 @@
                     </div>
                 </div>
             </el-form>
+            <el-form-item label="过敏情况" prop="allergy">
+                <el-input type="textarea" :rows="2" placeholder="请输入过敏情况" v-model="form.allergy">
+                </el-input>
+            </el-form-item>
+            <el-form-item label="备注" prop="remark">
+                <el-input type="textarea" :rows="2" placeholder="请输入备注" v-model="form.remark">
+                </el-input>
+            </el-form-item>
             <div slot="footer" class="dialog-footer">
                 <el-button @click="cancel">关 闭</el-button>
             </div>

src/views/components/collection/collectionDetail.vue

@@ -8,25 +8,27 @@
           </span>
         </div>
         <div style="margin-left: 31px;">
-          <el-checkbox-group
-            v-model="form.answers[index].value"
-            size="mini"
-            :disabled="true"
-          >
-            <el-checkbox
-              v-for="dict in getSelectedOptions(answer)"
-              :key="dict.value"
-              :label="dict.value"
-            >
-            {{ dict.name }}
+          <el-checkbox-group v-model="form.answers[index].value" size="mini" :disabled="true">
+            <el-checkbox v-for="dict in getSelectedOptions(answer)" :key="dict.value" :label="dict.value">
+              {{ dict.name }}
             </el-checkbox>
           </el-checkbox-group>
         </div>
       </div>
-
+      <div>
+        <el-form-item label="过敏情况" prop="allergy">
+          <el-input type="textarea" :rows="2" placeholder="请输入过敏情况" v-model="form.allergy">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input type="textarea" :rows="2" placeholder="请输入备注" v-model="form.remark">
+          </el-input>
+        </el-form-item>
+      </div>
       <div v-if="!form.answers || form.answers.length === 0" style="text-align: center; color: #999; padding: 20px;">
         暂无采集信息
       </div>
+
     </el-form>
   </div>
 </template>
@@ -98,17 +100,17 @@ export default {
 </script>
 
 <style scoped>
-.app-container >>> .el-checkbox.is-disabled .el-checkbox__input.is-checked .el-checkbox__inner {
+.app-container>>>.el-checkbox.is-disabled .el-checkbox__input.is-checked .el-checkbox__inner {
   background-color: #409eff !important;
   border-color: #409eff !important;
 }
 
-.app-container >>> .el-checkbox.is-disabled .el-checkbox__input.is-checked .el-checkbox__inner::after {
+.app-container>>>.el-checkbox.is-disabled .el-checkbox__input.is-checked .el-checkbox__inner::after {
   border-color: #fff !important;
 }
 
 /*让已选中禁用状态的文字也高亮为蓝色 */
-.app-container >>> .el-checkbox.is-disabled .el-checkbox__input.is-checked + .el-checkbox__label {
+.app-container>>>.el-checkbox.is-disabled .el-checkbox__input.is-checked+.el-checkbox__label {
   color: #409eff !important;
 }
 </style>