统计card header

src/dashoo.cn/frontend_web/src/pages/lims/secondcenter/towLevelCenter.vue

@@ -1,37 +1,39 @@
 <template>
   <div style="width: 100%; overflow-y: auto">
-    <!--<el-card class="box-card" style="height: 70px">-->
-      <!--<el-form :inline="true" :model="formSearch" class="demo-form-inline">-->
-        <!--<el-form-item label="日期">-->
-          <!--<el-date-picker-->
-            <!--v-model="formSearch.daterange"-->
-            <!--type="daterange"-->
-            <!--align="right"-->
-            <!--unlink-panels-->
-            <!--range-separator="至"-->
-            <!--start-placeholder="开始日期"-->
-            <!--end-placeholder="结束日期">-->
-          <!--</el-date-picker>-->
-        <!--</el-form-item>-->
-        <!--<el-form-item label="检测地点">-->
-          <!--<el-select v-model="formSearch.checkPosition" placeholder="检测地点">-->
-            <!--<el-option label="区域一" value="shanghai"></el-option>-->
-            <!--<el-option label="区域二" value="beijing"></el-option>-->
-          <!--</el-select>-->
-        <!--</el-form-item>-->
-        <!--<el-form-item label="设备选择">-->
-          <!--<el-select v-model="formSearch.equipments" multiple placeholder="设备选择">-->
-            <!--<el-option label="设备一" value="shanghai"></el-option>-->
-            <!--<el-option label="设备二" value="beijing"></el-option>-->
-          <!--</el-select>-->
-        <!--</el-form-item>-->
-        <!--<el-form-item>-->
-          <!--<el-button type="primary" @click="onSubmit">查询</el-button>-->
-        <!--</el-form-item>-->
-      <!--</el-form>-->
-    <!--</el-card>-->
-
     <el-card class="box-card">
+      <div slot="header">
+        <span>
+          <i class="icon icon-table2"></i> 统计
+        </span>
+        <el-form ref="form" :inline="true" style="float: right; margin-top: -10px">
+          <!--<el-form-item label="检测时间">
+            <el-date-picker size="mini" style="width: 220px" v-model="CreateOn" type="daterange" range-separator="至"
+                            start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+          </el-form-item>-->
+
+          <!--<el-form-item label="被检单位">
+            <el-select ref="refQueryProjectType" style="margin-right:10px; margin-top: -4px;" size="mini" v-model="UnitCheckId" clearable filterable placeholder="按被检单位查询" @change="ProjectTypeChangeHandler" @clear="ProjectTypeClearHandler">
+              <el-option v-for="item in UnitCheckOptions" :key="item.id" :label="item.FullName" :value="item.Id"></el-option>
+            </el-select>
+          </el-form-item>-->
+
+          <!--<el-form-item label="检测单位">
+            <el-select ref="refQueryProjectType" style="margin-right:10px; margin-top: -4px;" size="mini" v-model="QueryProjectTypeId" clearable filterable placeholder="按检测单位查询" @change="ProjectTypeChangeHandler" @clear="ProjectTypeClearHandler">
+              <el-option v-for="item in projectTypeList" :key="item.id" :label="item.FullName" :value="item.Id"></el-option>
+            </el-select>
+          </el-form-item>-->
+
+          <!--<el-form-item label="设备类型">
+            <el-select ref="refQueryProjectType" style="margin-right:10px; margin-top: -4px;" size="mini" v-model="QueryProjectTypeId" clearable filterable placeholder="按设备类型查询" @change="ProjectTypeChangeHandler" @clear="ProjectTypeClearHandler">
+              <el-option v-for="item in deviceTypeOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
+            </el-select>
+          </el-form-item>-->
+
+          <!--<el-form-item>
+            <el-button type="primary" size="mini">查询</el-button>
+          </el-form-item>-->
+        </el-form>
+      </div>
       <el-table :data="tableData" style="width: 100%" stripe>
         <el-table-column prop="DeviceName" label="设备名称" ></el-table-column>
 
@@ -92,7 +94,74 @@
         style: { stroke: '#fff', lineWidth: 1 },
 
         tableData: [],
-        newTableData: []
+        newTableData: [],
+
+        UnitCheckId: '',
+        QueryProjectTypeId: '',
+        deviceTypeOptions: [{
+          value: '187',
+          label: '防雷装置（等电位）'
+        }, {
+          value: '286',
+          label: '防雷装置'
+        }, {
+          value: '181',
+          label: '漏电保护器'
+        }, {
+          value: '179',
+          label: '电气接地'
+        }, {
+          value: '156',
+          label: '阻火器'
+        }, {
+          value: '183',
+          label: '呼吸阀'
+        }, {
+          value: '154',
+          label: '液压安全阀'
+        }, {
+          value: '189',
+          label: '空气泡沫产生器'
+        }, {
+          value: '141',
+          label: '游梁式抽油机'
+        }, {
+          value: '173',
+          label: '无游梁式抽油机'
+        }],
+
+        UnitCheckOptions: [{
+          value: '187',
+          label: '防雷装置（等电位）'
+        }, {
+          value: '286',
+          label: '防雷装置'
+        }, {
+          value: '181',
+          label: '漏电保护器'
+        }, {
+          value: '179',
+          label: '电气接地'
+        }, {
+          value: '156',
+          label: '阻火器'
+        }, {
+          value: '183',
+          label: '呼吸阀'
+        }, {
+          value: '154',
+          label: '液压安全阀'
+        }, {
+          value: '189',
+          label: '空气泡沫产生器'
+        }, {
+          value: '141',
+          label: '游梁式抽油机'
+        }, {
+          value: '173',
+          label: '无游梁式抽油机'
+        }]
+
       }
     },
     created () {
@@ -112,7 +181,7 @@
               全年已检设备数量: this.tableData[idx].FinishYear
             })
           }
-          console.log(this.newTableData)
+
           this.dv = new DataSet.View().source(this.newTableData)
           this.dv.transform({
             type: 'fold',