1.病案入组添加添加多个输入框

2.在院病人的疾病入组添加添加输入框
3.调整页面布局
4.调接口
5.媒体查询

src/views/outHistorygrouping.vue

@@ -2,7 +2,7 @@
  * @Author: wsq
  * @Date: 2022-03-02 16:34:58
  * @LastEditors: wsq
- * @LastEditTime: 2022-07-21 15:48:27
+ * @LastEditTime: 2022-07-21 17:47:42
  * @Description: 
 -->
 <template>
@@ -229,7 +229,7 @@
         <div class="outaddrecordEnrollment_search">
           <div class="outaddrecordEnrollment_search_div1">
             <span class="outaddrecordEnrollment_search_div1_span1"
-              >主诊断:</span
+              ><span style="color:red">*</span> 主诊断:</span
             >
             <el-select
               class="outaddrecordEnrollment_search_div1_inp1"
@@ -240,6 +240,7 @@
               placeholder="请输入主诊断"
               :remote-method="remoteMethod"
               size="mini"
+              clearable
             >
               <el-option
                 v-for="item in zdoptions"
@@ -263,6 +264,7 @@
               placeholder="请输入其他诊断"
               :remote-method="otremoteMethod"
               size="mini"
+              clearable
             >
               <el-option
                 v-for="item in otzdoptions"
@@ -274,19 +276,19 @@
             <span class="outaddrecordEnrollment_search_div1_span3">年龄:</span>
             <el-input
               v-model="ageinput"
-              placeholder="单位：岁"
+              placeholder="请输入年龄"
               class="outaddrecordEnrollment_search_div1_inp3"
               size="mini"
-            />
+            />&nbsp;岁
             <span class="outaddrecordEnrollment_search_div1_span4"
               >ICU总时长:</span
             >
             <el-input
               v-model="icuinput"
-              placeholder="单位：分钟"
+              placeholder="请输入ICU总时长"
               class="outaddrecordEnrollment_search_div1_inp4"
               size="mini"
-            />
+            />&nbsp;分钟
             <span class="outaddrecordEnrollment_search_div1_span5">
               <el-button size="mini" type="primary" @click="addsearch"
                 >查询</el-button
@@ -306,6 +308,7 @@
               placeholder="请输入主手术"
               :remote-method="ssremoteMethod"
               size="mini"
+              clearable
             >
               <el-option
                 v-for="item in ssoptions"
@@ -330,6 +333,7 @@
               placeholder="请输入其他手术"
               :remote-method="otssremoteMethod"
               size="mini"
+              clearable
             >
               <el-option
                 v-for="item in otssoptions"
@@ -344,10 +348,10 @@
             >
             <el-input
               v-model="ageinput2"
-              placeholder="单位：天"
+              placeholder="请输入新生儿年龄"
               class="outaddrecordEnrollment_search_div2_inp3"
               size="mini"
-            />
+            />&nbsp;天
             <span class="outaddrecordEnrollment_search_div2_span4"
               >离院方式:</span
             >
@@ -783,10 +787,10 @@ export default {
     const addgetlist = () => {
       http
         .post(`/medical/post/GetCorePercentsByAssemble`, {
-          a14: state.ageinput, // 年龄
-          a16: state.ageinput2, // 年龄不足一周岁（天）
+          a14: state.ageinput?state.ageinput:'0', // 年龄
+          a16: state.ageinput2?state.ageinput2:'0', // 年龄不足一周岁（天）
           a12C: state.sexvalue, // 性别
-          icuTime: state.icuinput, // icu总时长（分钟）
+          icuTime: state.icuinput?state.icuinput:'0', // icu总时长（分钟）
           b34C: state.leavevalue, // 离院方式
           diagList: state.diagList, // 诊断集合
           opsList: state.opsList, // 手术集合
@@ -879,7 +883,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import "../styles/mixin.scss";
-
+@import '../styles/outHistorygrouping.scss';
 .outsetgrouping {
   height: 900px;
   background-color: white;
@@ -1567,7 +1571,7 @@ export default {
 	&_search {
 		// margin-bottom: 20px;
 		height: 15%;
-      margin-bottom: 10px;
+		margin-bottom:10px;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
@@ -1584,18 +1588,18 @@ export default {
 				justify-content: flex-end;
 			}
 			&_inp1 {
-          width: 200px;
+				width: 400px;
 			}
 			&_span2 {
-          width: 120px;
+				width: 70px;
 				display: flex;
 				justify-content: flex-end;
 			}
 			&_inp2 {
-          width: 300px;
+				width: 500px;
 			}
 			&_span3 {
-          width: 120px;
+				width:80px;
 				display: flex;
 				justify-content: flex-end;
 			}
@@ -1603,7 +1607,7 @@ export default {
 				width: 100px;
 			}
 			&_span4 {
-          width: 120px;
+				width: 80px;
 				display: flex;
 				justify-content: flex-end;
 			}
@@ -1611,7 +1615,7 @@ export default {
 				width: 150px;
 			}
 			&_span5 {
-          margin-left: 600px;
+				margin-left: 290px;
 				display: flex;
 				justify-content: flex-end;
 			}
@@ -1629,18 +1633,18 @@ export default {
 				justify-content: flex-end;
 			}
 			&_inp1 {
-          width: 200px;
+				width: 400px;
 			}
 			&_span2 {
-          width: 120px;
+				width: 70px;
 				display: flex;
 				justify-content: flex-end;
 			}
 			&_inp2 {
-          width: 300px;
+				width: 500px;
 			}
 			&_span3 {
-          width: 120px;
+				width: 80px;
 				display: flex;
 				justify-content: flex-end;
 			}
@@ -1648,7 +1652,7 @@ export default {
 				width: 100px;
 			}
 			&_span4 {
-          width: 120px;
+				width: 80px;
 				display: flex;
 				justify-content: flex-end;
 			}