| | |
| | | size="small" |
| | | /> |
| | | </div> |
| | | <!-- <div class="serch_box"> |
| | | <div class="serch_box"> |
| | | <div class="serchb"> |
| | | <el-select |
| | | v-model="queryForm.selectType" |
| | |
| | | placeholder="请è¾å
¥å
³é®è¯æç´¢" |
| | | style="border-left: 0.06rem solid #e2e2e2" |
| | | /> |
| | | </div> --> |
| | | </div> |
| | | <el-button |
| | | @click="handleQuery" |
| | | type="primary" |
| | |
| | | <div style="margin-top: 1rem; height: 100%"> |
| | | <!-- ä»»å¡è®°å½ --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 1" |
| | | :data="tableData" |
| | | height="450" |
| | |
| | | |
| | | <!-- ä½ä¸åè®°å½ --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 2" |
| | | :data="tableData" |
| | | height="450" |
| | |
| | | |
| | | <!-- ç»å½è®°å½ --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 3" |
| | | :data="tableData" |
| | | height="450" |
| | |
| | | <el-table-column prop="account" label="ç»å½è´¦å·" align="center" /> |
| | | <el-table-column prop="trurName" label="çå®å§å" align="center" /> |
| | | <el-table-column prop="logIP" label="ç»å½IP" align="center" /> |
| | | <el-table-column prop="createdate" label="ç»å½æ¶é´" align="center" /> |
| | | <el-table-column prop="createDate" label="ç»å½æ¶é´" align="center" /> |
| | | </el-table> |
| | | </div> |
| | | <div |
| | |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | | import { ref, reactive, onMounted } from "vue"; |
| | | import { ref, reactive, onMounted, toRef } from "vue"; |
| | | import { ElMessage, ElMessageBox } from "element-plus"; |
| | | import { formatTime } from "@/utils/index.js"; |
| | | import { |
| | |
| | | ExportApi2, |
| | | ExportApi3, |
| | | } from "@/api/newapi/Datalogging"; |
| | | import { login } from "@/api/login"; |
| | | const obj = { |
| | | selectName: "", |
| | | selectTime: [], // æ¶é´èå´ |
| | |
| | | selectInput: "", |
| | | value: "", |
| | | }; |
| | | const queryForm = ref({ |
| | | selectName: "", |
| | | selectTime: [], // æ¶é´èå´ |
| | | selectType: "", |
| | | selectInput: "", |
| | | value: "", |
| | | }); |
| | | const queryForm = toRef({ ...obj }); |
| | | |
| | | const tableData = ref([]); |
| | | const options = ref([ |
| | |
| | | ]); |
| | | const props = { multiple: true }; |
| | | |
| | | const table = ref(false); |
| | | const form = reactive({}); |
| | | const isactive = ref(1); |
| | | const claimdialogVisible = ref(false); |
| | |
| | | page: 1, //å½åé¡µé¢ |
| | | rows: 10, //æ¯é¡µæ¾ç¤ºæ¡æ° |
| | | order: "desc", //æåºæ¹å¼ |
| | | sort: "createTime", //æåºå段 |
| | | sort: "", //æåºå段 |
| | | wheres: "", //æ¡ä»¶æ¥è¯¢ |
| | | }); |
| | | const datildata = ref({}); |
| | |
| | | }, |
| | | ]; |
| | | const selectoptions = ref([]); |
| | | |
| | | // æ¥è¯¢ |
| | | const query = () => { |
| | | if (isactive.value == 1) { |
| | | initData(); |
| | | } else if (isactive.value == 2) { |
| | | WorkinitData(); |
| | | } else { |
| | | LogininitData(); |
| | | } |
| | | }; |
| | | |
| | | selectoptions.value = tasklogging; |
| | | const changeactive = (index) => { |
| | |
| | | } else if (isactive.value == 2) { |
| | | WorkinitData(); |
| | | } else { |
| | | LogininitData(); |
| | | } |
| | | }; |
| | | |
| | |
| | | } else if (isactive.value == 2) { |
| | | WorkinitData(); |
| | | } else { |
| | | LogininitData(); |
| | | } |
| | | }; |
| | | //ä»»å¡è®°å½ |
| | |
| | | { |
| | | name: queryForm.value.selectType, |
| | | value: queryForm.value.selectInput, |
| | | displayType: "String", |
| | | displayType: "like", |
| | | }, |
| | | { name: "createTime", value: startTime, displayType: "ThanOrEqual" }, |
| | | { name: "createTime", value: endTime, displayType: "LessOrEqual" }, |
| | |
| | | LogininitData(); |
| | | } |
| | | }; |
| | | |
| | | //éç½®æ¹æ³ |
| | | const resetQuery = () => { |
| | | queryForm.value = { selectName: "", selectTime: [] }; |
| | | queryForm.value = Object.assign({}, obj); |
| | | pageQuery.value.page = 1; |
| | | initData(); |
| | | if (isactive.value == 1) { |
| | | initData(); |
| | | } else if (isactive.value == 2) { |
| | | WorkinitData(); |
| | | } else { |
| | | LogininitData(); |
| | | } |
| | | }; |
| | | |
| | | //æå°æ¹æ³ |
| | | const printExcel = () => { |
| | | // æ¥è¯¢æ¡ä»¶ |
| | | const startTime = formatTime(queryForm.value.selectTime[0]); |
| | |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | const roleINFO = ref(); |
| | | onMounted(() => { |
| | | initData(); |
| | | roleINFO.value = JSON.parse(localStorage.getItem("user")); |
| | | console.log(roleINFO.value); |
| | | }); |
| | | </script> |
| | | <style lang="scss" scoped> |