|
@@ -0,0 +1,186 @@
|
|
|
|
+<template>
|
|
|
|
+ <div>
|
|
|
|
+ <search-layout :needBox="true">
|
|
|
|
+ <template slot="searchItem1">
|
|
|
|
+ <span class="label">操作账户</span>
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="searchParams.a1"
|
|
|
|
+ size="small"
|
|
|
|
+ clearable
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ maxlength="60"
|
|
|
|
+ >
|
|
|
|
+ </el-input>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot="searchItem2">
|
|
|
|
+ <span class="label">操作内容</span>
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="searchParams.a2"
|
|
|
|
+ size="small"
|
|
|
|
+ clearable
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ maxlength="60"
|
|
|
|
+ >
|
|
|
|
+ </el-input>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot="searchItem3">
|
|
|
|
+ <span class="label">日志类型</span>
|
|
|
|
+ <el-select v-model="searchParams.a3">
|
|
|
|
+ <!--<el-option
|
|
|
|
+ v-for="item in list"
|
|
|
|
+ :label="item.caption"
|
|
|
|
+ :value="item.code"
|
|
|
|
+ :key="item.code"
|
|
|
|
+ ></el-option>-->
|
|
|
|
+ </el-select>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot="searchItem4">
|
|
|
|
+ <span class="label">操作时间</span>
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="searchDate"
|
|
|
|
+ type="daterange"
|
|
|
|
+ format="yyyy-MM-dd"
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
+ end-placeholder="结束日期"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot="searchBtn1">
|
|
|
|
+ <el-button type="primary" @click="doSearch">查询</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot="searchBtn2">
|
|
|
|
+ <el-button type="primary" @click="doReset">重置</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </search-layout>
|
|
|
|
+
|
|
|
|
+ <div class="myTabsBox myTabsBoxThreeTabs">
|
|
|
|
+ <!--<el-button
|
|
|
|
+ v-bind:class="{ addBtn: true}"
|
|
|
|
+ icon="el-icon-circle-plus-outline"
|
|
|
|
+ @click="addOne"
|
|
|
|
+ type="primary"
|
|
|
|
+ >新增</el-button
|
|
|
|
+ >-->
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <tableList
|
|
|
|
+ ref="table"
|
|
|
|
+ style="margin: 0 30px"
|
|
|
|
+ :columns="columns"
|
|
|
|
+ :getDataWay="getDataWay"
|
|
|
|
+ :pagination="pagination"
|
|
|
|
+ index
|
|
|
|
+ >
|
|
|
|
+
|
|
|
|
+ </tableList>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+import searchLayout from "@/components/grid/searchLayout";
|
|
|
|
+import tableList from "@/components/grid/TableList";
|
|
|
|
+
|
|
|
|
+export default {
|
|
|
|
+ name: "logManagement",
|
|
|
|
+ components: { searchLayout, tableList },
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ searchParams: {
|
|
|
|
+ //搜索参数
|
|
|
|
+ a1: "", // ID
|
|
|
|
+ a2: "", // 算法名称
|
|
|
|
+ a3: "", // 算法描述
|
|
|
|
+ a4: "", // 私有类型
|
|
|
|
+ },
|
|
|
|
+ searchDate:[],
|
|
|
|
+ getDataWay:{
|
|
|
|
+ //dataType: "url",
|
|
|
|
+ dataType: "data",
|
|
|
|
+ type: "post",
|
|
|
|
+ // firstRequest: false,
|
|
|
|
+ // data: this.$api.algorithmsLibrary.selectSharedAlgorithmList,
|
|
|
|
+ data:[{a1:'1',a2:'2',a3:'3',a4:'4',a5:'5',a6:'6'}],
|
|
|
|
+ param: {},
|
|
|
|
+ },
|
|
|
|
+ columns: [
|
|
|
|
+ //表格列
|
|
|
|
+ {
|
|
|
|
+ label: "操作账户",
|
|
|
|
+ prop: "a1",
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: "操作类型",
|
|
|
|
+ prop: "a2",
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: "操作时间",
|
|
|
|
+ prop: "a3",
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: "操作内容",
|
|
|
|
+ prop: "a4"
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ pagination: {
|
|
|
|
+ //分页使用
|
|
|
|
+ currentPage: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ position: "right",
|
|
|
|
+ pageSizes: [10, 30, 50, 100, 200],
|
|
|
|
+ layout: "sizes, total, prev, pager, next, jumper",
|
|
|
|
+ },
|
|
|
|
+ };
|
|
|
|
+ },
|
|
|
|
+ computed: {
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ doSearch() {
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.refreshList(this.searchParams);
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ //刷新table
|
|
|
|
+ refreshList(param) {
|
|
|
|
+ param
|
|
|
|
+ ? this.$refs["table"].loadData(param)
|
|
|
|
+ : this.$refs["table"].loadData();
|
|
|
|
+ },
|
|
|
|
+ doReset() {
|
|
|
|
+ this.searchParams = {
|
|
|
|
+
|
|
|
|
+ };
|
|
|
|
+ this.doSearch();
|
|
|
|
+ },
|
|
|
|
+ addOne() {
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ editRow(row) {
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ async mounted() {
|
|
|
|
+ await this.$dicsListsInit({
|
|
|
|
+ validationStatusList: "validationStatus",
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+};
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style scoped lang="less">
|
|
|
|
+.tabsBox {
|
|
|
|
+ position: relative;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+
|
|
|
|
+ .el-button {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 40px;
|
|
|
|
+ top: 45px;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+.myTabsBox{
|
|
|
|
+ min-height:29px;
|
|
|
|
+}
|
|
|
|
+</style>
|