| | |
| | | <div class="rowTitle"> |
| | | <img src="../../../public/img/bajgxt/u1618.png" /> |
| | | <span>数据概览</span> |
| | | |
| | | <!-- <el-select class="select0" v-model="value0" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options0" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | ></el-option> |
| | | </el-select> --> |
| | | <el-select |
| | | <avue-input-tree |
| | | class="select1" |
| | | ref="treeForm" |
| | | v-model="node.title" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option style="height: auto;" :value="node"> |
| | | <el-tree |
| | | :data="options1" |
| | | default-expand-all |
| | | node-key="id" |
| | | @node-click="handleNodeClick" |
| | | :props="props" |
| | | > |
| | | </el-tree> |
| | | </el-option> |
| | | </el-select> |
| | | <el-select |
| | | default-expand-all |
| | | v-model="value1" |
| | | placeholder="请选择内容" |
| | | type="tree" |
| | | :dic="options1" |
| | | :props="props" |
| | | @change="handleNodeClick" |
| | | ></avue-input-tree> |
| | | <avue-input-tree |
| | | class="select2" |
| | | default-expand-all |
| | | v-model="value2" |
| | | placeholder="请选择公司" |
| | | type="tree" |
| | | :dic="options2" |
| | | :props="props2" |
| | | @change="changeCompanys" |
| | | ></avue-input-tree> |
| | | <!-- <el-select |
| | | class="select2" |
| | | v-model="value2" |
| | | placeholder="请选择" |
| | |
| | | :label="item.enterpriseName" |
| | | :value="item.departmentid" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-select> --> |
| | | <el-button @click="toOperationTable">进入数据统计表</el-button> |
| | | </div> |
| | | |
| | |
| | | label: "title", |
| | | value: "id" |
| | | }, |
| | | props2: { |
| | | children: "children", |
| | | label: "enterpriseName", |
| | | value: "departmentid" |
| | | }, |
| | | node: {} //选中的记录 |
| | | }; |
| | | }, |
| | | methods: { |
| | | //点击节点 |
| | | handleNodeClick(data) { |
| | | this.node = data; |
| | | this.value1 = data.id; |
| | | this.$refs.treeForm.blur(); |
| | | handleNodeClick(id) { |
| | | this.value1 = id; |
| | | this.getCompanys(); |
| | | }, |
| | | setAgeEchart() { |
| | |
| | | } |
| | | } |
| | | // 适配分辨率1600*900 |
| | | @media screen and (min-width: 1281px)and (max-width: 1600px) { |
| | | @media screen and (min-width: 1281px) and (max-width: 1600px) { |
| | | .box-card { |
| | | font-size: 15px; |
| | | width: 128px; |
| | |
| | | } |
| | | } |
| | | } |
| | | @media screen and (min-width: 1601px)and (max-width: 1920px) { |
| | | @media screen and (min-width: 1601px) and (max-width: 1920px) { |
| | | .box-card { |
| | | width: 150px; |
| | | background: #00aaf1; |