ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update index.vue

Browse Source
peiyanni 3 years ago
parent 6ca7b82e7e
commit 36e0c48954
1 changed files with 50 additions and 84 deletions
Show Stats Download Patch File Download Diff File

130
report-ui/src/views/report/bigscreen/index.vue
Unescape Escape View File

@ -11,33 +11,17 @@
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :xs="24" :sm="20" :md="12" :lg="6" :xl="4"> <el-col :xs="24" :sm="20" :md="12" :lg="6" :xl="4">
<el-form-item label="名称"> <el-form-item label="名称">
<el-input <el-input v-model="params.reportName" size="mini" clearable placeholder="名称" class="filter-item" />
v-model="params.reportName"
size="mini"
clearable
placeholder="名称"
class="filter-item"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" :sm="20" :md="12" :lg="6" :xl="4"> <el-col :xs="24" :sm="20" :md="12" :lg="6" :xl="4">
<el-form-item label="报表编码"> <el-form-item label="报表编码">
<el-input <el-input v-model="params.reportCode" size="mini" clearable placeholder="报表编码" class="filter-item" />
v-model="params.reportCode"
size="mini"
clearable
placeholder="报表编码"
class="filter-item"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" :sm="20" :md="4" :lg="4" :xl="4"> <el-col :xs="24" :sm="20" :md="4" :lg="4" :xl="4">
<el-button type="primary" size="mini" @click="search('form')" <el-button type="primary" size="mini" @click="search('form')">查询</el-button>
>查询</el-button <el-button type="danger" size="mini" @click="reset('form')">重置</el-button>
>
<el-button type="danger" size="mini" @click="reset('form')"
>重置</el-button
>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
@ -50,18 +34,8 @@
<footer> <footer>
{{ item.updateTime }} {{ item.updateTime }}
<div class="operation"> <div class="operation">
<el-button <el-button icon="el-icon-view" class="view" type="text" @click="viewDesign(item)" v-permission="'bigScreenManage:view'"/>
icon="el-icon-view" <el-button icon="el-icon-edit" class="edit" type="text" @click="openDesign(item)" v-permission="'bigScreenManage:design'"/>
class="view"
type="text"
@click="viewDesign(item)"
/>
<el-button
icon="el-icon-edit"
class="edit"
type="text"
@click="openDesign(item)"
/>
</div> </div>
</footer> </footer>
</div> </div>
@ -69,23 +43,15 @@
</el-col> </el-col>
</el-row> </el-row>
<div class="block"> <div class="block">
<el-pagination <el-pagination :total="totalCount" :page-sizes="[8, 20, 50, 100]" :page-size="params.pageSize" :current-page="params.pageNumber" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
:total="totalCount"
:page-sizes="[8, 20, 50, 100]"
:page-size="params.pageSize"
:current-page="params.pageNumber"
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { reportPageList } from "@/api/report"; import { reportPageList } from '@/api/report'
export default { export default {
name: "Login", name: 'Login',
components: {}, components: {},
data() { data() {
return { return {
@ -94,75 +60,75 @@ export default {
totalCount: 0, totalCount: 0,
totalPage: 0, totalPage: 0,
params: { params: {
reportCode: "", reportCode: '',
reportName: "", reportName: '',
// reportType: '', // reportType: '',
pageNumber: 1, pageNumber: 1,
pageSize: 8, pageSize: 8,
order: "DESC", order: 'DESC',
sort: "update_time" sort: 'update_time',
},
} }
};
}, },
mounted() {}, mounted() {},
created() { created() {
this.queryByPage(); this.queryByPage()
}, },
methods: { methods: {
// 查询 // 查询
search() { search() {
this.params.pageNumber = 1; this.params.pageNumber = 1
this.queryByPage(); this.queryByPage()
}, },
// 重置 // 重置
reset(formName) { reset(formName) {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields()
this.params.reportName = ""; this.params.reportName = ''
this.params.reportCode = ""; this.params.reportCode = ''
this.params.pageNumber = 1; this.params.pageNumber = 1
this.queryByPage(); this.queryByPage()
}, },
async queryByPage() { async queryByPage() {
const res = await reportPageList(this.params); const res = await reportPageList(this.params)
if (res.code != "200") return; if (res.code != '200') return
this.listLoading = true; this.listLoading = true
this.list = res.data.records; this.list = res.data.records
this.list.forEach(value => { this.list.forEach((value) => {
value["reportNameCode"] = value['reportNameCode'] =
value.reportName + "[" + value.reportCode + "]"; value.reportName + '[' + value.reportCode + ']'
}); })
this.totalCount = res.data.total; this.totalCount = res.data.total
this.totalPage = res.data.pages; this.totalPage = res.data.pages
this.listLoading = false; this.listLoading = false
}, },
handleSizeChange(val) { handleSizeChange(val) {
this.params.pageSize = val; this.params.pageSize = val
this.queryByPage(); this.queryByPage()
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.params.pageNumber = val; this.params.pageNumber = val
this.queryByPage(); this.queryByPage()
}, },
openDesign(val) { openDesign(val) {
var routeUrl = this.$router.resolve({ var routeUrl = this.$router.resolve({
path: "/bigscreen/designer", path: '/bigscreen/designer',
query: { query: {
reportCode: val.reportCode, reportCode: val.reportCode,
reportId: val.id, reportId: val.id,
accessKey: val.accessKey accessKey: val.accessKey,
} },
}); })
window.open(routeUrl.href, "_blank"); window.open(routeUrl.href, '_blank')
}, },
viewDesign(val) { viewDesign(val) {
var routeUrl = this.$router.resolve({ var routeUrl = this.$router.resolve({
path: "/bigscreen/viewer", path: '/bigscreen/viewer',
query: { reportCode: val.reportCode } query: { reportCode: val.reportCode },
}); })
window.open(routeUrl.href, "_blank"); window.open(routeUrl.href, '_blank')
} },
},
} }
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

Write Preview
Loading…
Cancel
Save