疫苗关注

src/assets/scss/modules/management/epidemic.scss

@@ -4,6 +4,9 @@
 .item_width_2 {
   width: 220px;
 }
+.item_width_3 {
+  width: 180px;
+}
 
 .btn-selperson {
   margin-left: 20px;

src/views/modules/base/epidemic/veroFocus/veroFocusForm.vue

@@ -96,14 +96,15 @@
         <el-tab-pane label="批量添加"
                      name="second">
           <el-form :inline="true"
-                   :model="formData"
+                   :model="formData2"
                    ref="ref_searchform"
                    :label-width="'90px'">
             <el-form-item label="所属网格"
-                          label-width="150px">
-              <el-select class="item_width_2"
+                          label-width="80px">
+              <el-select class="item_width_3"
                          v-model.trim="selGridId"
                          placeholder="请选择"
+                         size="mini"
                          clearable>
                 <el-option v-for="item in gridList"
                            :key="item.value"
@@ -114,24 +115,25 @@
             </el-form-item>
             <el-form-item label="疫苗接种次数小于"
                           label-width="150px">
-              <el-input-number v-model="veroNum"
+              <el-input-number class="item_width_3"
+                               v-model="veroNum"
+                               size="mini"
                                :min="0"
                                :max="20"
                                label="疫苗接种次数小于"></el-input-number>
             </el-form-item>
             <el-button style="margin-left:30px"
-                       size="small"
+                       size="mini"
                        class="diy-button--search"
                        @click="handleSearch">查询</el-button>
             <el-button style="margin-left:10px"
-                       size="small"
+                       size="mini"
                        class="diy-button--reset"
                        @click="resetSearch">重置</el-button>
 
-          </el-form>
-
             <el-table ref="ref_table"
                       class="table"
+                      size="mini"
                       :data="tableData"
                       border
                       :height="tableHeight"
@@ -179,6 +181,48 @@
               </el-pagination>
             </div>
 
+            <el-form-item label="备注"
+                          prop="remark"
+                          label-width="100px"
+                          style="display: block">
+              <el-input class="item_width_1"
+                        type="textarea"
+                        maxlength="500"
+                        show-word-limit
+                        :autosize="{ minRows: 2, maxRows: 5 }"
+                        clearable
+                        placeholder="请输入通知备注"
+                        v-model="formData2.remark"></el-input>
+            </el-form-item>
+
+            <el-form-item label="通知渠道"
+                          prop="noticeWay"
+                          label-width="100px"
+                          style="display: block">
+              <el-checkbox-group v-model="formData2.noticeWay">
+                <el-checkbox key="1"
+                             label="1">小程序通知</el-checkbox>
+                <el-checkbox key="2"
+                             label="2">短信通知</el-checkbox>
+
+              </el-checkbox-group>
+            </el-form-item>
+
+            <el-form-item label="通知内容"
+                          prop="noticeContent"
+                          label-width="100px"
+                          style="display: block">
+              <el-input class="item_width_1"
+                        type="textarea"
+                        maxlength="1000"
+                        show-word-limit
+                        :autosize="{ minRows: 4, maxRows: 10 }"
+                        clearable
+                        placeholder="请输入通知内容"
+                        v-model="formData2.noticeContent"></el-input>
+            </el-form-item>
+          </el-form>
+
         </el-tab-pane>
       </el-tabs>
 

src/views/modules/base/epidemic/veroFocus/veroFocusList.vue

@@ -233,7 +233,7 @@
                :close-on-click-modal="false"
                :close-on-press-escape="false"
                :title="formTitle"
-               width="850px"
+               width="1050px"
                top="5vh"
                class="dialog-h"
                @closed="diaClose">
@@ -669,10 +669,8 @@ export default {
       return (this.clientHeight - 360)
 
     },
-    rowHeight () {
-      return (this.clientHeight - 200) + 'px'
-    },
-    ...mapGetters(['clientHeight'])
+
+    ...mapGetters(['clientHeight', ''])
   },
   watch: {