fj-dc-ui/.svn/pristine/61/61dfe56ee14aedf6c583f52a8a813c2343dbc5f0.svn-base

<template>
  <div>
    <el-container>
      <el-container>
        <el-main id="dxdcListMain" style="padding:5px 20px;">
          <el-tabs v-model="currentViewId" type="card" @tab-click="handleClick">
            <el-col :span="4" ref="elw">
              <el-card :body-style="{'padding':'0'}">
                <export-tree-list-with-check-box-sk
                  :pid="pid"
                  :type="type"
                  :pidNodes="pidNodes"
                  :height="dxdcAsideHeight"
                  :width="treeWidth"
                  @treeCheckedDataChange="treeCheckedDataChange"
                  @changeYear="changeYear"
                ></export-tree-list-with-check-box-sk>
              </el-card>
            </el-col>

            <el-tab-pane
              :label="option.label"
              :name="option.label"
              v-for="option in options"
              :key="option.value"
            >
              <!-- <component v-if="currentViewId == option.label" :is="option.value"></component> -->
              <el-col :span="20">
                <component v-if="showTable" :is="option.value" :ids="ids" type="001" :newYear="newYear"></component>
              </el-col>

            </el-tab-pane>
          </el-tabs>
        </el-main>
      </el-container>
    </el-container>
    <!-- 添加/编辑人员弹窗 -->
  </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js";
    import report_sk from "./report_sk.vue";
    import report_sk2 from "./report_sk2.vue";
    import report_sk3 from "./report_sk3.vue";
    import report_sk4 from "./report_sk4.vue";
    import report_sk5 from "./report_sk5.vue";
    import report_sk6 from "./report_sk6.vue";
    import report_sk_evolve from "./report_sk_evolve.vue";
    import exportTreeListWithCheckBoxSk from "./exportTreeListWithCheckBox_sk";
    import report_fb6 from "./report_fb6.vue";
    import report_fb7_1 from "./report_fb7_1.vue";
    import report_fb7_2 from "./report_fb7_2.vue";
    import report_sk8 from "./report_sk8.vue";
    // 2021 新报表
    import report_03 from "./sknew/report_03.vue";
    import report_04 from "./sknew/report_04.vue";
    import report_05 from "./sknew/report_05.vue";
    import report_03_yn from "./sknew/report_03_yn.vue";
    import report_04_yn from "./sknew/report_04_yn.vue";
    import report_05_yn from "./sknew/report_05_yn.vue";
    import report_06 from "./sknew/report_06.vue";

    export default {
        components: {
            report_sk: report_sk,
            report_sk2: report_sk2,
            report_sk3: report_sk3,
            report_sk4: report_sk4,
            report_sk5: report_sk5,
            report_sk6: report_sk6,
            report_sk_evolve: report_sk_evolve,
            exportTreeListWithCheckBoxSk: exportTreeListWithCheckBoxSk,
            report_fb6: report_fb6,
            report_fb7_1: report_fb7_1,
            report_fb7_2: report_fb7_2,
            report_sk8:report_sk8,
            // 2021新报表
            report_03,
            report_04,
            report_05,
            report_03_yn,
            report_04_yn,
            report_05_yn,
            report_06
        },
        props: [],

        data() {
            return {
                options: [

                ],
                value: "",
                currentViewId: "附表1-督查人员情况表",
                showTable: true,
                currentNodeType: "",
                ids: [],
                pid: "000",
                pidNodes: [],
                type: "001",
                dxdcMainHeight: window.innerHeight - 180,
                dxdcAsideHeight: window.innerHeight - 160,
                windowHeight: window.innerHeight - 200,
                windowWidth: window.innerWidth - 350,
                treeWidth: 250,
                newYear: ""
            };
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            },
            currentRlcode() {
                return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
            }
        },
        mounted() {
            if(this.currentRlcode.indexOf("53")>-1){
                this.options=[
                    {
                        value: "report_sk",
                        label: "附表1-督查人员情况表"
                    },
                    {
                        value: "report_sk2",
                        label: "附表2-督查小型水库名称及分布情况表"
                    },
                    {
                        value: "report_03_yn",
                        label: "附表3-未排除重大安全隐患水库清单"
                    },
                    {
                        value: "report_04_yn",
                        label: "附表4-已实施除险加固水库检查发现问题情况表"
                    },
                    {
                        value: "report_05_yn",
                        label: "附表5-检查发现问题整改情况复查表"
                    },
                    {
                        value: "report_06",
                        label: "附表6-检查新发现问题汇总表"
                    },
                    {
                        value: "report_sk5",
                        label: "附表7-责任追究建议"
                    },
                    {
                        value: "report_sk_evolve",
                        label: "督查进度表"
                    },
                    {
                        value: "report_sk8",
                        label: "全省水库专项检查发现问题汇总表"
                    }
                ]
            }else{
               this.options=[
                   {
                       value: "report_sk",
                       label: "附表1-督查人员情况表"
                   },
                   {
                       value: "report_sk2",
                       label: "附表2-督查小型水库名称及分布情况表"
                   },
                   {
                       value: "report_03",
                       label: "附表3-未排除重大安全隐患水库清单"
                   },
                   {
                       value: "report_04",
                       label: "附表4-已实施除险加固水库检查发现问题情况表"
                   },
                   {
                       value: "report_05",
                       label: "附表5-检查发现问题整改情况复查表"
                   },
                   {
                       value: "report_06",
                       label: "附表6-检查新发现问题汇总表"
                   },
                   {
                       value: "report_sk5",
                       label: "附表7-责任追究建议"
                   },
                   {
                       value: "report_sk_evolve",
                       label: "督查进度表"
                   },
                   {
                       value: "report_sk8",
                       label: "全省水库专项检查发现问题汇总表"
                   }
               ]
            }
            this.treeWidth = this.$refs.elw.$el.clientWidth;
        },

        watch: {},

        methods: {
            handleClick(tab,event){
              if(this.currentRlcode.indexOf("53")>-1 && (tab.index==2 || tab.index==3 || tab.index==4)){
                 this.type = "106"
              }else{
                 this.type = "001"
              }
            },
            //树节点选中或取消事件
            treeCheckedDataChange(params) {
                // 如果是选中状态，把元素id加入到ids里
                if (params.newStatus) {
                    params.newCheckedArray.forEach((element, index) => {
                        let id = element.id;
                        if (id != null && id !== undefined && id !== "") {
                            this.ids.push(id);
                        }
                    });
                } else {
                    // 删除取消的元素id
                    params.changedItem.forEach((element, index) => {
                        let id = element.id;
                        let inx = this.ids.indexOf(id);
                        if (inx > -1) {
                            delete this.ids[inx];
                        }
                    });
                }
                // 去重
                this.ids = Array.from(new Set(this.ids));
                // if(!this.newYear){
                //     this.ids = []
                // }
                // this.ids = []
                console.log("ids:" + this.ids);
            },
            changeYear(val) {
                this.newYear = val;
                this.ids = [];
            },
        }
    };
</script>

<style>
</style>