|
|
@@ -1,37 +1,74 @@
|
|
|
<template>
|
|
|
- <div style="height: 100%">
|
|
|
- <iframe
|
|
|
- :src="url"
|
|
|
- width="100%"
|
|
|
- height="100%"
|
|
|
- frameborder="0"
|
|
|
- scrolling="auto"
|
|
|
- ></iframe>
|
|
|
+ <div class="scrbReportNew">
|
|
|
+ <div class="scrbReportNewBtn">
|
|
|
+ <el-button round size="mini" class="searchColor" @click="swithTab">数据回填</el-button>
|
|
|
+ </div>
|
|
|
+ <el-tabs v-model="activeTab" style="width: 100%">
|
|
|
+ <el-tab-pane label="生产日报" name="1">
|
|
|
+ <div style="height: 100%">
|
|
|
+ <iframe
|
|
|
+ :src="url"
|
|
|
+ width="100%"
|
|
|
+ height="100%"
|
|
|
+ frameborder="0"
|
|
|
+ scrolling="auto"
|
|
|
+ ></iframe>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="数据回填" name="2">
|
|
|
+ <scrbCallback />
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</div>
|
|
|
+
|
|
|
</template>
|
|
|
<script>
|
|
|
+import scrbCallback from "./scrbCallback.vue"
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ scrbCallback
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ activeTab: "1",
|
|
|
url:
|
|
|
process.env.VUE_APP_REPORT2 +
|
|
|
- "/jmreport/shareView/1171680579804438528?shareToken=cf8ab1ffe8478906e23dca80095a118d",
|
|
|
+ "/jmreport/shareView/1173531983233916928?shareToken=5b2be81b2764d5abe36ae0989b80a2c5",
|
|
|
};
|
|
|
},
|
|
|
+ methods: {
|
|
|
+ swithTab() {
|
|
|
+ this.activeTab = '2'
|
|
|
+ }
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
-<style lang="less" scope>
|
|
|
-@titleGray: #9ca5a8;
|
|
|
-@rowGray: #606769;
|
|
|
-@darkBack: #536268;
|
|
|
-
|
|
|
-.knowledge-2 {
|
|
|
- .el-select {
|
|
|
- width: 200px;
|
|
|
+<style lang="less">
|
|
|
+.scrbReportNew{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ .el-tabs{
|
|
|
+ .el-tabs__content{
|
|
|
+ .el-tab-pane{
|
|
|
+ height: calc(100vh - 50px);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
- .el-input {
|
|
|
- width: 200px;
|
|
|
+ .scrbReportNewBtn{
|
|
|
+ position: absolute;
|
|
|
+ right: 20px;
|
|
|
+ z-index: 11111;
|
|
|
+ .searchColor {
|
|
|
+ background-color: rgba(5, 187, 76, 0.2);
|
|
|
+ border: 1px solid #3b6c53;
|
|
|
+ color: #b3b3b3;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-left: 10px;
|
|
|
+ &:hover {
|
|
|
+ background-color: rgba(5, 187, 76, 0.5);
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|