| | |
| | | <template> |
| | | <div class="Usermanagement"> |
| | | <div class="content"> |
| | | <div class="content" > |
| | | <div class="checkbox"> |
| | | <div |
| | | :class="['item', isactive == 1 ? 'isactive' : '']" |
| | |
| | | > |
| | | </div> |
| | | </div> |
| | | <div style="margin-top: 1rem; height: 100%"> |
| | | <div style="margin-top: 1rem; height: 90%"> |
| | | <!-- ç¨æ·å表 --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | |
| | | <el-table-column prop="unitName" label="åä½åç§°" align="center" /> |
| | | <el-table-column prop="creater" label="å建è
" align="center" /> |
| | | <el-table-column prop="createDate" label="åå»ºæ¥æ" align="center" /> |
| | | <el-table-column label="æä½" align="center"> |
| | | <el-table-column label="æä½" > |
| | | <template #default="scope"> |
| | | <span |
| | | v-if=" |
| | |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="iPaddress" label="ipå°å" align="center" /> |
| | | <el-table-column prop="addressname" label="æ£ä¿®é" align="center" /> |
| | | <el-table-column prop="addressname" label="设å¤åç§°" align="center" /> |
| | | <el-table-column prop="stationID" label="æ£ä¿®é" align="center" /> |
| | | <el-table-column label="æä½" align="center"> |
| | | <template #default="scope"> |
| | | <span |
| | |
| | | fontSize: isMin ? '2rem' : '1rem', |
| | | fontWeight: 'bold', |
| | | }" |
| | | >ç¨æ·ip</span |
| | | >设å¤ip</span |
| | | > |
| | | </div> |
| | | </template> |
| | |
| | | color: 'black', |
| | | fontWeight: bold, |
| | | }" |
| | | >æ£ä¿®é</span |
| | | >设å¤åç§°</span |
| | | > |
| | | |
| | | </div> |
| | | </template> |
| | | <el-input |
| | | style="height: 2rem" |
| | | size="small" |
| | | v-model="formip.addressname" |
| | | placeholder="请è¾å
¥" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item prop="stationID"> |
| | | <template #label> |
| | | <div style="display: flex; align-items: flex-end"> |
| | | <span |
| | | :style="{ |
| | | color: 'red', |
| | | marginRight: '0.2rem', |
| | | fontSize: '2rem', |
| | | }" |
| | | >*</span |
| | | > |
| | | <span |
| | | :style="{ |
| | | fontSize: isMin ? '2rem' : '0.88rem', |
| | | color: 'black', |
| | | fontWeight: bold, |
| | | }" |
| | | >轨éç«</span |
| | | > |
| | | |
| | | </div> |
| | | </template> |
| | | <el-input |
| | | style="height: 2rem" |
| | | size="small" |
| | | v-model="formip.stationID" |
| | | placeholder="请è¾å
¥" |
| | | /> |
| | | </el-form-item> |
| | |
| | | getIpData(); |
| | | } |
| | | }; |
| | | //ç¦æ¢é¡µé¢æ»å¨ |
| | | |
| | | //æ¹éå é¤ |
| | | const ids = ref([]); |
| | |
| | | id: 0, |
| | | iPaddress: "", |
| | | addressname: "", |
| | | stationID:0 |
| | | }); |
| | | const formipRef = ref(null); |
| | | //è·åipæ°æ® |
| | |
| | | onMounted(() => { |
| | | if (window.innerWidth <= 1080) { |
| | | isMin.value = true; |
| | | // document.body.style.overflow = "hidden"; |
| | | } |
| | | //æå°å½åå±å¹å®½åº¦ |
| | | userInfo.value = JSON.parse(localStorage.getItem("user")); |
| | |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | |
| | | .checkbox { |
| | | width: 25rem; |