| | |
| | | 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" |
| | |
| | | <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> |