{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\sqMonitor\\components\\riverWaterChildren.vue?vue&type=template&id=12b807a4&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\sqMonitor\\components\\riverWaterChildren.vue","mtime":1684458239402},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"bbsl-common-page\" @click=\"commonPageClick\">\n    <div class=\"bbsl-table-search\">\n        <el-form v-model=\"queryParam\" :inline=\"true\">\n            <el-row :gutter=\"10\">\n                <el-col :span=\"6\">\n                    <el-form-item label=\"河流名称\">\n                        <el-select\n                            size=\"mini\"\n                            filterable\n                            v-model=\"queryParam.params.rvCode\"\n                            clearable\n                            placeholder=\"请选择河流名称\"\n                        >\n                            <el-option\n                                v-for=\"item in rvNames\"\n                                :key=\"item.id\"\n                                :label=\"item.name\"\n                                :value=\"item.code\"\n                            ></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-col>\n                <el-col :span=\"6\">\n                    <el-form-item label=\"测点名称\">\n                        <el-input\n                            size=\"mini\"\n                            clearable\n                            placeholder=\"请输入测点名称\"\n                            v-model=\"queryParam.params.stnm\"\n                        ></el-input>\n                    </el-form-item>\n                </el-col>\n                <el-col :span=\"6\">\n                    <el-form-item label=\"测站\">\n                        <el-select\n                            size=\"mini\"\n                            filterable\n                            v-model=\"queryParam.params.stcd\"\n                            clearable\n                            placeholder=\"请选择测站\"\n                        >\n                            <el-option\n                                v-for=\"item in stcds\"\n                                :key=\"item.id\"\n                                :label=\"item.stnm\"\n                                :value=\"item.stcd\"\n                            ></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-col>\n                <el-col :span=\"6\">\n                    <el-form-item>\n                        <el-button\n                            type=\"primary\"\n                            icon=\"el-icon-search\"\n                            size=\"mini\"\n                            @click=\"onClickSearch\"\n                            >搜索</el-button\n                        >\n                        <el-button\n                            icon=\"el-icon-refresh\"\n                            size=\"mini\"\n                            @click=\"resetQuery\"\n                            >重置</el-button\n                        >\n                        <el-button\n                            size=\"mini\"\n                            icon=\"el-icon-download\"\n                            type=\"warning\"\n                            @click=\"updateExcl\"\n                            >导出</el-button\n                        >\n                        <el-button type=\"text\" @click.stop=\"openMore\"\n                            >更多\n                            <i\n                                :class=\"\n                                    showMore\n                                        ? 'el-icon-arrow-up'\n                                        : 'el-icon-arrow-down'\n                                \"\n                            ></i>\n                        </el-button>\n                    </el-form-item>\n                </el-col>\n            </el-row>\n            <div\n                class=\"bbsl-search-more\"\n                style=\"width: 1200px\"\n                v-if=\"showMore\"\n            >\n                <el-row :gutter=\"10\">\n                    <el-col :span=\"6\">\n                        <el-form-item label=\"水势\">\n                            <el-select\n                                size=\"mini\"\n                                v-model=\"queryParam.params.wptn\"\n                                clearable\n                                placeholder=\"请选择水势\"\n                            >\n                                <el-option\n                                    v-for=\"item in wptns\"\n                                    :key=\"item.id\"\n                                    :label=\"item.name\"\n                                    :value=\"item.value\"\n                                ></el-option>\n                            </el-select>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"6\">\n                        <el-form-item label=\"在线状态\">\n                            <el-select\n                                size=\"mini\"\n                                v-model=\"queryParam.params.usfl\"\n                                clearable\n                                placeholder=\"请选择在线状态\"\n                            >\n                                <el-option\n                                    v-for=\"item in statuss\"\n                                    :key=\"item.value\"\n                                    :label=\"item.name\"\n                                    :value=\"item.value\"\n                                >\n                                </el-option>\n                            </el-select>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"6\">\n                        <el-form-item label=\"应用分类\">\n                            <el-select\n                                size=\"mini\"\n                                v-model=\"queryParam.params.appType\"\n                                clearable\n                                placeholder=\"请选择应用分类\"\n                            >\n                                <el-option\n                                    v-for=\"item in czyyfl\"\n                                    :key=\"item.value\"\n                                    :label=\"item.name\"\n                                    :value=\"item.value\"\n                                >\n                                </el-option>\n                            </el-select>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"6\">\n                        <el-form-item label=\"行政区划\">\n                            <el-cascader\n                                clearable\n                                filterable\n                                size=\"mini\"\n                                :options=\"basAdNames\"\n                                v-model=\"queryParam.params.addvcd\"\n                                :props=\"setKesLabel\"\n                                @change=\"onhouChange\"\n                            >\n                                <template slot-scope=\"{node, data}\">\n                                    <span>{{ data.name }}</span>\n                                    <span v-if=\"!node.isLeaf\">\n                                        ({{\n                                            data.children === []\n                                                ? ''\n                                                : data.children.length\n                                        }})\n                                    </span>\n                                </template>\n                            </el-cascader>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n            </div>\n        </el-form>\n    </div>\n    <div class=\"bbsl-table-content\" ref=\"contentPanel\">\n        <div class=\"bbsl-btn-content\" ref=\"btnPanel\"></div>\n        <!-- \n    :row-key=\"getRowKey\"\n    @selection-change=\"handleSelectionChange\" \n    ref=\"multipleSelection\"-->\n        <el-table\n            :row-class-name=\"rowStyle\"\n            size=\"mini\"\n            :height=\"tableMaxHeight - 50\"\n            :style=\"{width: '100%'}\"\n            v-loading=\"loading\"\n            border\n            :data=\"tableData\"\n            :header-cell-style=\"{'text-align': 'center'}\"\n            :cell-style=\"{'text-align': 'center'}\"\n        >\n            <el-table-column\n                fixed\n                type=\"index\"\n                width=\"55\"\n                label=\"序号\"\n            ></el-table-column>\n            <el-table-column\n                min-width=\"110\"\n                fixed\n                sortable\n                prop=\"stcd\"\n                label=\"测站编码\"\n                show-overflow-tooltip\n            >\n            </el-table-column>\n            <el-table-column\n                min-width=\"130\"\n                fixed\n                sortable\n                prop=\"stnm\"\n                label=\"测站名称\"\n                show-overflow-tooltip\n            >\n            </el-table-column>\n            <el-table-column\n                min-width=\"150\"\n                sortable\n                fixed\n                prop=\"tm\"\n                label=\"上报时间\"\n                show-overflow-tooltip\n            ></el-table-column>\n            <el-table-column\n                min-width=\"140\"\n                sortable\n                prop=\"rvName\"\n                label=\"所属河流\"\n                show-overflow-tooltip\n            >\n            </el-table-column>\n            <!-- <el-table-column min-width=\"180\"\n                     sortable\n                     prop=\"stlc\"\n                     label=\"测站地址\"\n                     show-overflow-tooltip>\n    </el-table-column> -->\n            <!-- <el-table-column\n      min-width=\"150\"\n      sortable\n      prop=\"areaName\"\n      label=\"行政区划\"\n      show-overflow-tooltip\n    ></el-table-column> -->\n\n            <el-table-column\n                min-width=\"150\"\n                sortable\n                prop=\"z\"\n                label=\"水位(m)\"\n                show-overflow-tooltip\n            ></el-table-column>\n            <el-table-column\n                min-width=\"150\"\n                sortable\n                prop=\"transfinite\"\n                label=\"超限\"\n                show-overflow-tooltip\n            >\n            </el-table-column>\n            <el-table-column\n                min-width=\"150\"\n                sortable\n                prop=\"ensureValue\"\n                label=\"保证线\"\n                show-overflow-tooltip\n            >\n            </el-table-column>\n            <el-table-column\n                min-width=\"150\"\n                sortable\n                prop=\"alertValue\"\n                label=\"警戒线\"\n                show-overflow-tooltip\n            ></el-table-column>\n            <el-table-column\n                min-width=\"150\"\n                sortable\n                prop=\"q\"\n                label=\"流量(m/s)\"\n                show-overflow-tooltip\n            ></el-table-column>\n            <el-table-column\n                min-width=\"100\"\n                sortable\n                prop=\"rwptn\"\n                label=\"水势\"\n                show-overflow-tooltip\n            ></el-table-column>\n            <el-table-column\n                min-width=\"180\"\n                sortable\n                prop=\"xsavv\"\n                label=\"断面平均流速(m/s)\"\n                show-overflow-tooltip\n            >\n            </el-table-column>\n            <el-table-column\n                min-width=\"180\"\n                sortable\n                prop=\"xsmxv\"\n                label=\"断面最大流速(m/s)\"\n                show-overflow-tooltip\n            >\n            </el-table-column>\n            <el-table-column\n                min-width=\"110\"\n                sortable\n                prop=\"warnGrade\"\n                label=\"报警等级\"\n                show-overflow-tooltip\n            ></el-table-column>\n            <el-table-column\n                min-width=\"150\"\n                sortable\n                prop=\"warnVal\"\n                label=\"报警阈值\"\n                show-overflow-tooltip\n            ></el-table-column>\n\n            <el-table-column\n                min-width=\"110\"\n                sortable\n                prop=\"appTypeName\"\n                label=\"应用分类\"\n                show-overflow-tooltip\n            >\n            </el-table-column>\n\n            <el-table-column\n                min-width=\"110\"\n                sortable\n                prop=\"usfl\"\n                label=\"在线状态\"\n                show-overflow-tooltip\n            >\n                <template slot-scope=\"scope\">\n                    <!-- <span v-if=\"scope.row.usfl === 1 || scope.row.usfl === '1'\"\n          >在线</span\n        >\n        <span v-if=\"scope.row.usfl === 0 || scope.row.usfl === '0'\"\n          >不在线</span\n        >\n        <span v-else>----</span> -->\n                    <span\n                        :style=\"{\n                            color:\n                                scope.row.usfl === 1 ||\n                                scope.row.usfl === '1'\n                                    ? '#09ef09'\n                                    : 'red',\n                        }\"\n                        v-if=\"\n                            scope.row.usfl === 1 || scope.row.usfl === '1'\n                        \"\n                        >在线</span\n                    >\n                    <span\n                        :style=\"{\n                            color:\n                                scope.row.usfl === 0 ||\n                                scope.row.usfl === '0'\n                                    ? 'red'\n                                    : '#09ef09',\n                        }\"\n                        v-if=\"\n                            scope.row.usfl === 0 || scope.row.usfl === '0'\n                        \"\n                        >不在线</span\n                    >\n                </template>\n            </el-table-column>\n            <el-table-column\n                fixed=\"right\"\n                min-width=\"150\"\n                sortable\n                label=\"操作\"\n                show-overflow-tooltip\n            >\n                <template slot-scope=\"scope\">\n                    <el-button\n                        size=\"mini\"\n                        plain\n                        @click=\"openDate(scope.row)\"\n                        >水位曲线图</el-button\n                    >\n                </template>\n            </el-table-column>\n        </el-table>\n        <el-pagination\n            ref=\"paginationPanel\"\n            class=\"bbsl-pagination\"\n            align=\"right\"\n            background\n            @size-change=\"handleSizeChange\"\n            @current-change=\"handleCurrentChange\"\n            :current-page=\"queryParam.pageBean.page\"\n            :page-sizes=\"[20, 30, 40, 50]\"\n            :page-size=\"queryParam.pageBean.pageSize\"\n            layout=\"total, sizes, prev, pager, next, jumper\"\n            :total=\"total\"\n        ></el-pagination>\n    </div>\n    <el-dialog\n        :title=\"this.title + '曲线图'\"\n        width=\"80%\"\n        top=\"8vh\"\n        :before-close=\"handleClose\"\n        :visible.sync=\"showFormDias\"\n    >\n        <div class=\"serchBlock\" style=\"margin: 0 0 10px 0\">\n            <span>选择日期：</span>\n            <el-date-picker\n                size=\"mini\"\n                style=\"width: 350px\"\n                @change=\"changeChart\"\n                v-model=\"times\"\n                format=\"yyyy-MM-dd HH:mm:ss\"\n                value-format=\"yyyy-MM-dd HH:mm:ss\"\n                type=\"datetimerange\"\n                range-separator=\"至\"\n                start-placeholder=\"开始日期\"\n                end-placeholder=\"结束日期\"\n                :clearable=\"false\"\n            >\n            </el-date-picker>\n        </div>\n        <div style=\"width: 100%; height: 500px; display: flex\">\n            <el-table\n                style=\"width: 40%\"\n                :data=\"echartLiat\"\n                v-loading=\"loadingChartData\"\n                stripe\n                height=\"500\"\n            >\n                <el-table-column label=\"序号\" type=\"index\" align=\"center\" />\n                <el-table-column\n                    label=\"时间\"\n                    prop=\"tm\"\n                    align=\"center\"\n                    show-overflow-tooltip\n                />\n                <el-table-column\n                    label=\"水位\"\n                    prop=\"zz\"\n                    align=\"center\"\n                    show-overflow-tooltip\n                />\n            </el-table>\n            <div\n                id=\"echartsBox\"\n                style=\"width: 60%; height: 500px\"\n                ref=\"box\"\n            ></div>\n        </div>\n        <span slot=\"footer\" class=\"dialog-footer\">\n            <el-button type=\"primary\" @click=\"handleClose\">退 出</el-button>\n        </span>\n    </el-dialog>\n    <riverDerivedData\n        ref=\"Time\"\n        :appType=\"queryParam.params.appType\"\n    ></riverDerivedData>\n</div>\n",null]}