| | |
| | | <el-col :span="8"> |
| | | <div class="line-container"> |
| | | <div class="RGVline"></div> |
| | | <div :class="updateRGVOne()" :style="{ marginTop: RGV01.LevelPoint + 'px' }" |
| | | <div :class="updateRGVOne()" :style="{ transform: `translateY(${1280-RGV01.LevelPoint*0.00303627639+50}px)` }" |
| | | @click="mouseClickRGVFirst">1</div> |
| | | <div :class="updateRGVTwo()" :style="{ marginTop: 1000 + 'px' }" @click="mouseClickSecond">2 |
| | | <div :class="updateRGVTwo()" :style="{ transform: `translateY(${1280-RGV02.LevelPoint*0.00374041519+100}px)` }" @click="mouseClickSecond">2 |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | |
| | | <el-row :gutter="20" class="cardWidthrow"> |
| | | <el-col :span="12"> |
| | | <div> |
| | | |
| | | <el-row :gutter="20" style="height:1000px;margin-top:50px;"> |
| | | <span style="position: relative; top: 150px;left: 30px;">第äºå±</span> |
| | | <el-row :gutter="20" style="height:1000px;margin-top:10px;"> |
| | | <span style="position: relative; top: 100px;left: 30px;">第äºå±</span> |
| | | <div> |
| | | <div v-for="(group, index) in groupedLines(linescopy13)" :key="index"> |
| | | <div class="positionY-group"> |
| | |
| | | <div class="line-containerThird"> |
| | | <div class="lineThird"></div> |
| | | <div :class="updateRGVThird()" |
| | | :style="{ transform: `translateX(${RGV03.LevelPoint}px)`, marginTop: '3px' }" |
| | | :style="{ transform: `translateX(${1280-RGV03.LevelPoint*0.003397667+200}px)`, marginTop: '3px' }" |
| | | @click="mouseClickThird">3</div> |
| | | </div> |
| | | <div style="margin-top:180px;margin-right:100px"> |
| | |
| | | <el-row :gutter="20" type="flex" justify="start" align="top" tag="div"> |
| | | <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div"> |
| | | <el-form-item label="åè´§ä½:"> |
| | | <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="åè´§ä½" /> |
| | | <!-- <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="åè´§ä½" /> --> |
| | | <el-select size="large" v-model="formRGV.SourceAddress" placeholder="è¯·éæ©åè´§ä½"> |
| | | <el-option label="1037" value="1" /> |
| | | <el-option label="1035" value="2" /> |
| | | <el-option label="1033" value="3" /> |
| | | <el-option label="1031" value="4" /> |
| | | <el-option label="1023" value="5" /> |
| | | <el-option label="1021" value="6" /> |
| | | <el-option label="1019" value="8" /> |
| | | <el-option label="1017" value="9" /> |
| | | <el-option label="1011" value="11" /> |
| | | <el-option label="1009" value="12" /> |
| | | <el-option label="1007" value="13" /> |
| | | <el-option label="1005" value="14" /> |
| | | <el-option label="1030" value="15" /> |
| | | <el-option label="1029" value="16" /> |
| | | <el-option label="1028" value="17" /> |
| | | <el-option label="1027" value="18" /> |
| | | <el-option label="1016" value="19" /> |
| | | <el-option label="1015" value="20" /> |
| | | <el-option label="1014" value="21" /> |
| | | <el-option label="1013" value="22" /> |
| | | <el-option label="1040" value="23" /> |
| | | <el-option label="1039" value="24" /> |
| | | <el-option label="1004" value="25" /> |
| | | <el-option label="1002" value="26" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20" type="flex" justify="start" align="top" tag="div"> |
| | | <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div"> |
| | | <el-form-item label="æ¾è´§ä½:"> |
| | | <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="æ¾è´§ä½" /> |
| | | <!-- <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="æ¾è´§ä½" /> --> |
| | | <el-select size="large" v-model="formRGV.TargetAddress" placeholder="è¯·éæ©æ¾è´§ä½"> |
| | | <el-option label="1037" value="1" /> |
| | | <el-option label="1035" value="2" /> |
| | | <el-option label="1033" value="3" /> |
| | | <el-option label="1031" value="4" /> |
| | | <el-option label="1023" value="5" /> |
| | | <el-option label="1021" value="6" /> |
| | | <el-option label="1019" value="8" /> |
| | | <el-option label="1017" value="9" /> |
| | | <el-option label="1011" value="11" /> |
| | | <el-option label="1009" value="12" /> |
| | | <el-option label="1007" value="13" /> |
| | | <el-option label="1005" value="14" /> |
| | | <el-option label="1030" value="15" /> |
| | | <el-option label="1029" value="16" /> |
| | | <el-option label="1028" value="17" /> |
| | | <el-option label="1027" value="18" /> |
| | | <el-option label="1016" value="19" /> |
| | | <el-option label="1015" value="20" /> |
| | | <el-option label="1014" value="21" /> |
| | | <el-option label="1013" value="22" /> |
| | | <el-option label="1040" value="23" /> |
| | | <el-option label="1039" value="24" /> |
| | | <el-option label="1004" value="25" /> |
| | | <el-option label="1002" value="26" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-row :gutter="20" type="flex" justify="start" align="top" tag="div"> |
| | | <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div"> |
| | | <el-form-item label="åè´§ä½:"> |
| | | <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="åè´§ä½" /> |
| | | <!-- <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="åè´§ä½" /> --> |
| | | <el-select size="large" v-model="formRGV.SourceAddress" placeholder="è¯·éæ©åè´§ä½"> |
| | | <el-option label="1037" value="1" /> |
| | | <el-option label="1035" value="2" /> |
| | | <el-option label="1033" value="3" /> |
| | | <el-option label="1031" value="4" /> |
| | | <el-option label="1023" value="5" /> |
| | | <el-option label="1021" value="6" /> |
| | | <el-option label="1019" value="8" /> |
| | | <el-option label="1017" value="9" /> |
| | | <el-option label="1011" value="11" /> |
| | | <el-option label="1009" value="12" /> |
| | | <el-option label="1007" value="13" /> |
| | | <el-option label="1005" value="14" /> |
| | | <el-option label="1030" value="15" /> |
| | | <el-option label="1029" value="16" /> |
| | | <el-option label="1028" value="17" /> |
| | | <el-option label="1027" value="18" /> |
| | | <el-option label="1016" value="19" /> |
| | | <el-option label="1015" value="20" /> |
| | | <el-option label="1014" value="21" /> |
| | | <el-option label="1013" value="22" /> |
| | | <el-option label="1040" value="23" /> |
| | | <el-option label="1039" value="24" /> |
| | | <el-option label="1004" value="25" /> |
| | | <el-option label="1002" value="26" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20" type="flex" justify="start" align="top" tag="div"> |
| | | <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div"> |
| | | <el-form-item label="æ¾è´§ä½:"> |
| | | <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="æ¾è´§ä½" /> |
| | | <!-- <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="æ¾è´§ä½" /> --> |
| | | <el-select size="large" v-model="formRGV.TargetAddress" placeholder="è¯·éæ©æ¾è´§ä½"> |
| | | <el-option label="1037" value="1" /> |
| | | <el-option label="1035" value="2" /> |
| | | <el-option label="1033" value="3" /> |
| | | <el-option label="1031" value="4" /> |
| | | <el-option label="1023" value="5" /> |
| | | <el-option label="1021" value="6" /> |
| | | <el-option label="1019" value="8" /> |
| | | <el-option label="1017" value="9" /> |
| | | <el-option label="1011" value="11" /> |
| | | <el-option label="1009" value="12" /> |
| | | <el-option label="1007" value="13" /> |
| | | <el-option label="1005" value="14" /> |
| | | <el-option label="1030" value="15" /> |
| | | <el-option label="1029" value="16" /> |
| | | <el-option label="1028" value="17" /> |
| | | <el-option label="1027" value="18" /> |
| | | <el-option label="1016" value="19" /> |
| | | <el-option label="1015" value="20" /> |
| | | <el-option label="1014" value="21" /> |
| | | <el-option label="1013" value="22" /> |
| | | <el-option label="1040" value="23" /> |
| | | <el-option label="1039" value="24" /> |
| | | <el-option label="1004" value="25" /> |
| | | <el-option label="1002" value="26" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-row :gutter="20" type="flex" justify="start" align="top" tag="div"> |
| | | <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div"> |
| | | <el-form-item label="åè´§ä½:"> |
| | | <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="åè´§ä½" /> |
| | | <!-- <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="åè´§ä½" /> --> |
| | | <el-select size="large" v-model="formRGV.SourceAddress" placeholder="è¯·éæ©åè´§ä½"> |
| | | <el-option label="3031" value="1" /> |
| | | <el-option label="3029" value="2" /> |
| | | <el-option label="3027" value="3" /> |
| | | <el-option label="3025" value="4" /> |
| | | <el-option label="3023" value="5" /> |
| | | <el-option label="3021" value="6" /> |
| | | <el-option label="3019" value="7" /> |
| | | <el-option label="3017" value="8" /> |
| | | <el-option label="3015" value="9" /> |
| | | <el-option label="3013" value="10" /> |
| | | <el-option label="3011" value="11" /> |
| | | <el-option label="3009" value="12" /> |
| | | <el-option label="3008" value="13" /> |
| | | <el-option label="3006" value="14" /> |
| | | <el-option label="3004" value="15" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20" type="flex" justify="start" align="top" tag="div"> |
| | | <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div"> |
| | | <el-form-item label="æ¾è´§ä½:"> |
| | | <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="æ¾è´§ä½" /> |
| | | <!-- <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="æ¾è´§ä½" /> --> |
| | | <el-select size="large" v-model="formRGV.TargetAddress" placeholder="è¯·éæ©æ¾è´§ä½"> |
| | | <el-option label="3031" value="1" /> |
| | | <el-option label="3029" value="2" /> |
| | | <el-option label="3027" value="3" /> |
| | | <el-option label="3025" value="4" /> |
| | | <el-option label="3023" value="5" /> |
| | | <el-option label="3021" value="6" /> |
| | | <el-option label="3019" value="7" /> |
| | | <el-option label="3017" value="8" /> |
| | | <el-option label="3015" value="9" /> |
| | | <el-option label="3013" value="10" /> |
| | | <el-option label="3011" value="11" /> |
| | | <el-option label="3009" value="12" /> |
| | | <el-option label="3008" value="13" /> |
| | | <el-option label="3006" value="14" /> |
| | | <el-option label="3004" value="15" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | }, { |
| | | equipNo: "2002", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2001", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | |
| | | { |
| | | equipNo: "2004", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2003", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | |
| | | }, { |
| | | equipNo: "2006", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2005", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2008", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2007", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | |
| | | }, { |
| | | equipNo: "2010", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2009", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2012", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2011", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | |
| | | }, { |
| | | equipNo: "2014", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2013", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2016", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2015", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | |
| | | }, { |
| | | equipNo: "2018", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2017", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2020", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2019", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | |
| | | }, { |
| | | equipNo: "2022", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2021", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 8, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2024", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | | { |
| | | equipNo: "2023", |
| | | imgType: "1", |
| | | positionX: 26, |
| | | positionX: 28, |
| | | positionY: 20, |
| | | condition: false, |
| | | }, |
| | |
| | | margin-bottom: 10px; |
| | | } */ |
| | | .title { |
| | | height: 1500px; |
| | | height: 1800px; |
| | | } |
| | | |
| | | .cardWidth { |
| | |
| | | } |
| | | |
| | | .cardWidthrow { |
| | | height: 40%; |
| | | height: 00%; |
| | | width: 100%; |
| | | /* margin-top: 10px; */ |
| | | box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); |