风险

packages/jianping/AppAssessment/AppAssessment.vue

@@ -22,8 +22,56 @@
           <h2 style="color: red">{{ info['丧礼登记数量'] }}</h2>
         </div>
       </div>
+      <div class="info">
+        <ai-card title="饮用水和三保障情况">
+          <template #content>
+            <ai-wrapper label-width="120px">
+              <ai-info-item label="住房安全" :value="info.title"></ai-info-item>
+              <ai-info-item label="饮水安全" :value="info.publishUnitName"></ai-info-item>
+              <ai-info-item label="失学辍学" :value="info.title"></ai-info-item>
+              <ai-info-item label="未参加医疗保险" :value="info.publishUnitName"></ai-info-item>
+              <ai-info-item label="低于家庭收入" :value="info.title"></ai-info-item>
+              <ai-info-item label="低于人均收入" :value="info.publishUnitName"></ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <ai-card title="信息采集进度">
+          <template #content>
+            <div class="progress-wrapper">
+              <div class="progress">
+                <div class="item" v-for="(item, index) in 10" :key="index">
+                  <h2>网格</h2>
+                  <el-progress :percentage="99"></el-progress>
+                </div>
+              </div>
+            </div>
+          </template>
+        </ai-card>
+      </div>
       <ai-card title="帮扶走访情况">
         <template #content>
+          <ai-search-bar bottomBorder>
+            <template #left>
+              <ai-select
+                v-model="search.riskType"
+                clearable
+                placeholder="请选择风险类型"
+                :selectList="dict.getDict('fpRiskType')"
+                @change="search.current = 1, getList()">
+              </ai-select>
+            </template>
+            <template #right>
+              <el-input
+                v-model="search.name"
+                size="small"
+                placeholder="姓名/风险说明/操作人"
+                clearable
+                v-throttle="() => {search.current = 1, getList()}"
+                @clear="search.current = 1, search.name = '', getList()"
+                suffix-icon="iconfont iconSearch">
+              </el-input>
+            </template>
+          </ai-search-bar>
           <ai-table
             :tableData="tableData"
             :col-configs="colConfigs"
@@ -147,6 +195,45 @@
 
 <style lang="scss" scoped>
   .AppAssessment {
+    .info {
+      display: flex;
+      justify-content: space-between;
+
+      .ai-card {
+        flex: 1;
+        height: 300px;
+        overflow-y: auto;
+
+        &:first-child {
+          margin-right: 20px;
+        }
+
+        .progress-wrapper {
+          height: 190px;
+          overflow: hidden;
+        }
+
+        .progress {
+          overflow-y: auto;
+          .item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 12px;
+
+            .el-progress {
+              flex: 1;
+            }
+
+            h2 {
+              margin-right: 10px;
+              font-size: 14px;
+              color: #333;
+            }
+          }
+        }
+      }
+    }
+
     .statistics-top {
       display: flex;
       align-items: center;