123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 |
- <!--steps3的左侧-->
- <template>
- <div class="steps3-dialog-main">
- <select-one @check="typeCheck" :renderData="typeArr" :isSelected="true" isCheckInfo="EquipmentMarkStandardized" infosKey="EquipmentType" :name="'原始点位描述中识别的设备类型'"></select-one>
- <select-one @check="paramCheck" :renderData="identifyArr" :isSelected="true" isCheckInfo="PhysicalRelated" infosKey="ownMess" :name="'已标准化的设备标识'"></select-one>
- <div class="own-collape">
- <temp-collape ref="ident" :renderData="identDataArr"></temp-collape>
- </div>
- </div>
- </template>
- <script>
- import selectOne from "@/components/config_point/select_one"
- import {
- groupRelated,
- queryPoint,
- updatePoint,
- groupParamRelated,
- getNullofParam
- } from "@/fetch/point_http"
- import tempCollape from "./3_temps"
- import identCollape from "./3_identify"
- import {
- mapGetters,
- mapActions
- } from "vuex";
- import handsontableComponent from "@/components/common/handsontable"
- export default {
- name: "updateParam",
- data() {
- return {
- activeName: '1',
- typeArr: [],
- identifyArr: [],
- KeyEquipmentType: "",
- identDataArr: []
- }
- },
- computed: {
- ...mapGetters("project", [
- "projectId",
- "datasourceId",
- "protocolType"
- ])
- },
- created() {
- this.getData()
- },
- mounted() {},
- methods: {
- getData(){
- groupRelated({
- data: {
- DataSourceId: this.datasourceId
- },
- type: this.protocolType
- },res => {
- this.typeArr = res.Content
- })
- },
- typeCheck(item){
- console.log(item,"item")
- this.getParamList(item)
- },
- paramCheck(param){
- if(param.EquipmentMark == "空"){
- //空查询分组信息
- getNullofParam({
- data: {
- DataSourceId: this.datasourceId,
- KeyEquipmentType: this.KeyEquipmentType
- },
- type: this.protocolType
- },res =>{
- console.log(res)
- this.identDataArr = res.Content
- })
- }else{
- //不是空的情况查询点位列表
- console.log(param)
- queryPoint({
- data: {
- Filters: {
- KeyEquipmentParameter: param.EquipmentParameter,
- KeyEquipmentType: param.EquipmentType
- // KeyEquipmentParameter: '温度',
- // KeyEquipmentType: '冷机'
- },
- PageNumber: 1,
- PageSize: 100
- },
- type: this.protocolType
- },res => {
- console.log(res,"reslist")
- this.identDataArr = res.Content
- })
- }
- },
- //通过type获取param的list
- getParamList(item){
- this.KeyEquipmentType = item.EquipmentType
- groupParamRelated({
- data: {
- DataSourceId: this.datasourceId,
- KeyEquipmentType: item.EquipmentType
- },
- type: this.protocolType
- },res => {
- console.log(res,"res")
- this.identifyArr = res.Content.map(item => {
- item.ownMess = item.EquipmentParameter
- return item
- })
- })
- }
- },
- components: {
- selectOne,
- handsontableComponent,
- tempCollape,
- identCollape
- }
- }
- </script>
- <style lang="scss" scoped>
- .steps3-dialog-main {
- height: 400px;
- .own-collape {
- border: 1px solid #ccc;
- float: right;
- width: calc(100% - 520px);
- height: 340px;
- position: relative;
- }
- }
- </style>
|