数据集预览

src/view/model/DsetAdd.vue

@@ -199,6 +199,9 @@
             </el-table-column>
           </el-table>
         </el-tab-pane>
+        <el-tab-pane label="数据预览" name="dview">
+          <dsetView ref="dsetViewForm"></dsetView>
+        </el-tab-pane>
       </el-tabs>
     </el-form>
 </template>
@@ -206,6 +209,7 @@
 <script>
 import { baseUrl, ajax, newGuid } from "@/common/biConfig";
 import dsetTableJoin from "@/view/model/DsetTableJoin";
+import dsetView from "@/view/model/DsetView";
 import { Loading } from "element-ui";
 import $ from "jquery";
 
@@ -235,7 +239,7 @@ export default {
     };
   },
   components: {
-    dsetTableJoin,
+    dsetTableJoin,dsetView
   },
   mounted() {
     this.loadDsource();
@@ -395,6 +399,8 @@ export default {
         ds.joininfo.forEach((v) => {
           ts.selectTables.push({ id: v.ref, name: v.ref });
         });
+        //预览数据
+        this.$refs['dsetViewForm'].loadData(ds.dsetId, ds.dsid);
       } else {
         this.selectTables = [];
       }
@@ -403,10 +409,12 @@ export default {
       if (isupdate) {
         $("#tab-cols").show();
         $("#tab-dyna").show();
+        $("#tab-dview").show();
       } else {
         //新增状态隐藏 表字段/动态字段
         $("#tab-cols").hide();
         $("#tab-dyna").hide();
+        $("#tab-dview").hide();
       }
       if (isupdate) {
         this.cols = ds.cols;

src/view/model/DsetView.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <template v-if="dsetId != null">
+      <el-table :data="tableData" style="width: 100%" height="420" border header-row-class-name="tableHeadbg">
+        <template v-for="item in headData">
+          <el-table-column :key="item" :prop="item" :label="item">
+          </el-table-column>
+        </template>
+      </el-table>
+    </template>
+  </div>
+</template>
+
+<script>
+import { baseUrl, ajax } from "@/common/biConfig";
+import $ from "jquery"
+
+export default {
+   name: 'dsetView',
+  data() {
+    return {
+      tableData:[],
+      headData:[],
+      dsetId:null,
+      dsid:null
+    }
+  },
+  props: {
+
+  },
+  components: {
+		
+	},
+  mounted() {
+   
+  },
+  computed: {},
+  methods: {
+	 loadData(dsetId, dsid){
+     this.dsetId = dsetId;
+     ajax({
+       type:"get",
+       url:"model/queryDataset.action",
+       data:{dsetId:dsetId, dsid:dsid},
+       success:(resp)=>{
+         this.headData = resp.rows.header;
+         this.tableData = resp.rows.datas;
+         this.$forceUpdate();
+       }
+     }, this);
+   }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+@import "../../style/mixin";
+</style>

src/view/portal/PortalParamView.vue

@@ -10,31 +10,33 @@
                       <div class="col-sm-3" :key="item.id">
                             <el-form-item :label="item.desc" label-width="80px">
                               <template v-if="item.inputType==='text'">
-                                <el-input v-model="reportParam[item.id]" placeholder="请录入"></el-input>
+                                <el-input v-model="reportParam[item.id]" :disabled="!showSearchBtn" placeholder="请录入"></el-input>
                               </template>
                               <template v-if="item.inputType==='select'">
-                                <el-select v-model="reportParam[item.id]" clearable placeholder="请选择" style="width:100%">
+                                <el-select v-model="reportParam[item.id]" :disabled="!showSearchBtn" clearable placeholder="请选择" style="width:100%">
                                   <el-option v-for="item in item.options" :key="item.value" :label="item.text" :value="item.value">
                                   </el-option>
                                 </el-select>
                               </template>
                               <template v-if="item.inputType==='mselect'">
-                                <el-select v-model="reportParam[item.id]" multiple clearable placeholder="请选择" style="width:100%">
+                                <el-select v-model="reportParam[item.id]" :disabled="!showSearchBtn" multiple clearable placeholder="请选择" style="width:100%">
                                   <el-option v-for="item in item.options" :key="item.value" :label="item.text" :value="item.value">
                                   </el-option>
                                 </el-select>
                               </template>
                               <template v-if="item.inputType === 'dateSelect'">
-                                <el-date-picker v-model="reportParam[item.id]" :format="item.dateFormat" 
+                                <el-date-picker v-model="reportParam[item.id]" :disabled="!showSearchBtn" :format="item.dateFormat" 
                                 style="width:100%" :type="item.dateType" placeholder="选择日期" :value-format="item.dateFormat"></el-date-picker>
                               </template>
                             </el-form-item>
                       </div>
                     </template>
-                    <div class="col-sm-3">
-                          <button type="button" class="btn btn-info btn-sm" @click="search">查询</button>
-                          <button type="button" class="btn btn-success btn-sm" @click="cleardata">清除</button>
-                    </div>
+                    <template v-if="showSearchBtn==true">
+                      <div class="col-sm-3">
+                            <button type="button" class="btn btn-info btn-sm" @click="search">查询</button>
+                            <button type="button" class="btn btn-success btn-sm" @click="cleardata">清除</button>
+                      </div>
+                    </template>
                 </div>
               </div>
           </div>
@@ -58,6 +60,11 @@ export default {
         type:Array,
         required:true,
         default:[]
+     },
+     showSearchBtn:{
+       type:Boolean,
+       required:true,
+       default:true
      }
   },
   data() {
@@ -106,8 +113,15 @@ export default {
       }, this, loadingInstance);
     },
     //初始化参数字段
-    initReportParam(reportParam){
-      let ts = this;
+    initReportParam(urlParam, pms){
+      $(pms).each((a, b)=>{
+        if(b.type === 'checkbox' && urlParam[b.id]){
+          let v = urlParam[b.id];
+          this.reportParam[b.id] = v.split(",");
+        }else{
+          this.reportParam[b.id] = urlParam[b.id];
+        }
+      });
     }
   },
   mounted(){

src/view/portal/PortalView.vue

@@ -14,7 +14,7 @@
 			<el-menu-item index="4"><i class="fa fa-print"></i> 打印</el-menu-item>
 		</el-menu>
     <!-- 参数区域 -->
-    <portal-param-view ref="paramViewForm" :pms="pms"></portal-param-view>
+    <portal-param-view ref="paramViewForm" :showSearchBtn="true" :pms="pms"></portal-param-view>
     <!-- 组件区域 -->
     <layout-view ref="optarea" :pageInfo="pageInfo"></layout-view>
    
@@ -67,8 +67,6 @@ export default {
         type:"get",
         success:(resp)=>{
           this.pageInfo = JSON.parse(resp.rows);
-          //初始化参数字段
-          //this.$refs['paramViewForm'].initReportParam(this.pageInfo.params);
           this.getReport();
         }
       });
@@ -87,7 +85,6 @@ export default {
       }, this, loadingInstance);
     },
     exportReport(tp){
-      //var pms = getPageParam();
       let pageId = this.reportId;
       let burl = baseUrl;
       var ctx = `
@@ -95,7 +92,13 @@ export default {
       <input type='hidden' name='type' id='type' value='${tp}'>
       <input type='hidden' name='pageId' id='pageId' value='${pageId}'>
       <input type='hidden' name='picinfo' id='picinfo'>
-      </form>`;
+      `;
+      let pms = this.$refs['paramViewForm'].getParamValues();
+      $(this.pageInfo.params).each((a, b)=>{
+        let v = pms[b.id];
+        ctx += `<input type='hidden' name='${b.id}' value="${v}">`;
+      });
+      ctx += `</form>`;
       if($("#expff").length == 0 ){
         $(ctx).appendTo("body");
       }

src/view/portal/Print.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
 	<!-- 参数区域 -->
-    <portal-param-view ref="paramViewForm" :pms="pms"></portal-param-view>
+    <portal-param-view ref="paramViewForm" :showSearchBtn="false" :pms="pms"></portal-param-view>
     <!-- 组件区域 -->
     <layout-view ref="optarea" :pageInfo="pageInfo"></layout-view>
   </div>
@@ -46,23 +46,26 @@
 					success:(resp)=>{
 						this.pageInfo = JSON.parse(resp.rows);
 						//初始化参数字段
-						this.$refs['paramViewForm'].initReportParam(this.pageInfo.params);
-						this.getReport();
+						let urlParam = JSON.parse(JSON.stringify(this.$route.query));
+						delete urlParam.id;
+						this.$refs['paramViewForm'].initReportParam(urlParam, this.pageInfo.params);
+						this.getReport(urlParam);
 					}
 				});
 			},
-			getReport(){
+			getReport(urlParam){
+				urlParam.pageId = this.reportId;
 				let loadingInstance = Loading.service({fullscreen:false, target:document.querySelector('.wrapper-content-nomargin')});
 				ajax({
 					url:"portal/view.action",
 					type:"GET",
-					data:{pageId:this.reportId},
+					data:urlParam,
 					success:(resp)=>{
+						this.pms = resp.rows.pms;
 						//渲染组件
 						this.$refs['optarea'].setCompData(resp.rows);
-						this.pms = resp.rows.pms;
 						this.$nextTick(()=>{
-							window.print();
+							//window.print();
 						});
 					}
 				}, this, loadingInstance);