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

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

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

Write Preview
Loading…
Cancel
Save