<div id="findPerson">
    <div id="para" class="reportFilter">
        <input type="hidden" name="ProcedureName" v-model="ProcedureName" />
        <input type="hidden" name="reportName" v-model="reportName" />
        <input type="hidden" name="sqlStr" v-model="sqlStr" />
        <!--<input type="hidden" name="uid" v-model="uid" />
        <input type="hidden" name="uName" v-model="uName" />-->
        <!--以下部分为查询条件，根据实际需要修改-->
        <label>开始时间:<input name="Kssj" type="date" value="" placeholder="输入开始时间" /></label>
        <label>结束时间:<input name="Jssj" type="date" value="" placeholder="输入结束时间" /></label>

        <button class="btn btn-primary" v-on:click="find">查询</button>
        <button class="btn btn-primary" v-on:click="print">打印</button>
        <button class="btn btn-primary" v-on:click="down" v-if="result.length > 0">下载EXCEL</button>
        <!--可修改部分结束-->
    </div>
    <div id="result" v-if="result.length > 0">
        <!--以下部分为存储过程返回数据，根据实际需要修改-->
        <table class="table reportTable" id="resultTable">
            <thead>
                <tr>
                    <th>工号</th>
                    <th>姓名</th>
                    <th>高血压中医干预</th>
                    <th>糖尿病中医干预</th>
                    <th>老年人中医干预</th>
					<th>孕产妇中医干预</th>
					<th>七岁以下儿童中医干预</th>
					<th>中医体质辨识</th>
					<th>总量</th>
					<th>开始时间</th>
					<th>结束时间</th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="i in result">
                    <td>{{i.工号}}</td>
                    <td>{{i.姓名}}</td>
                    <td>{{i.高血压中医干预}}</td>
                    <td>{{i.糖尿病中医干预}}</td>
                    <td>{{i.老年人中医干预}}</td>
					<td>{{i.孕产妇中医干预}}</td>
				    <td>{{i.七岁以下儿童中医干预}}</td>
					 <td>{{i.中医体质辨识}}</td>
					<td>{{i.总量}}</td>
                    <td>{{i.开始时间}}</td>
					<td>{{i.结束时间}}</td>
                </tr>
            </tbody>
        </table>
        <!--可修改部分结束-->
    </div>
</div>

<script type="text/javascript">
    var findPerson = new Vue({
        el: "#findPerson",
        data: {
            //存储过程名称
            ProcedureName: "CS_zdy_zygygzltj",
            //报表名称
            reportName: "中医/中医工作量查询",

            //除非你知道以下数据含义，否则不要修改
            sqlStr: "",
            url: myjs.urls.getresult,
            result: [],
            uid: "",
            uName: "",
        },
        created() {
            this.uid = myjs.getUId();
            this.uName = myjs.getUName();
        },
        methods: {
            find() {
                var sql = myjs.createSql("#para");
                this.sqlStr = sql;
                console.log(sql);
                myjs.post(this.url, { sql: sql }, function (d) {
                    findPerson.result = d;
                });
            },
            print() {
                var sql = myjs.createSql("#para");
                this.sqlStr = sql;
                myjs.print();
            },
            down() {
                myjs.toExcel.tableToExcel("resultTable", this.reportName);
            },
        }
    });
</script>
