1

Surpriseplus

2022-09-20 653f68cdc278005b958b2ed93f6d867740ce54c7

1

 public/config/config.js

@@ -1,7 +1,8 @@
var baseUrl = "http://192.168.20.53:8062";
var gisUrl = "http://183.162.245.49:3301";
var ifreamUrl = "http://192.168.20.39:12306/";
var baseUrl = 'http://192.168.20.53:8062';
var gisUrl = 'http://183.162.245.49:3301';
var ifreamUrl = 'http://192.168.20.39:12306/';

var serverUrl = "http://192.168.20.106/LFServer/";
var serverUrl = 'http://192.168.20.106/LFServer/';

var api_Url = "http://192.168.20.106/";
var api_Url = 'http://192.168.20.106/';
var sql_Url = 'http://192.168.20.39:8081/admin/druid/sql.html'; //数据库监控地址

 src/assets/lang/en.js

@@ -1,13 +1,18 @@
const en = {
  common: {
    confirm: 'confirm',
    choose: 'choose',
    choose: 'Please choose',
    name: 'name',
    edit: 'edit',
    delete: 'delete',
    username: 'UserName',
    empty: 'Empty',
    iquery: 'IQuery',
    selectdate: 'Please select a date',
    pleaseInput: 'Please input',
  },
  dataManage: {
    dataManage: 'dataManage',
    dataManage: 'Data Manage',
    catalogueManage: 'catalogueManage',
    dataUpdata: 'dataUpdata',
    metadataManage: 'metadataManage',
@@ -18,18 +23,19 @@
    styleManage: 'styleManage',
  },
  operatManage: {
    operatManage: 'operatManage',
    userManagement: 'userManagement',
    systemLayout: 'systemLayout',
    menuSettings: 'menuSettings',
    operatManage: 'Operat Manage',
    userManagement: 'User Management',
    systemLayout: 'System Layout',
    menuSettings: 'Menu Settings',
    parameterConfiguration: 'parameterConfiguration',
    rests: 'rests',
    authorityManagement: 'authorityManagement',
    safetyManagement: 'safetyManagement',
    operationMonitoring: 'operationMonitoring',
    systemMonitoring: 'systemMonitoring',
    logLog: 'logLog',
    operationLog: 'operationLog',
    rests: 'Rests',
    authorityManagement: 'Authority Management',
    safetyManagement: 'Safety Management',
    operationMonitoring: 'Operation Monitoring',
    systemMonitoring: 'System Monitoring',
    logLog: 'ConLog',
    operationLog: 'Operation Log',
    databaseMonitoring: 'Database Monitoring',
  },
  synthesis: {
    synthesis: 'Comprehensive Display',
@@ -89,6 +95,15 @@
    terrainexcavation: 'Terrain Excavation',
    removepaint: 'Remove Paint',
  },
  loglog: {
    serialnumber: 'Serial Number',
    coverage: 'Coverage',
    systematic: 'Systematic',
    ipadress: 'IP Adress',
    operationtime: 'Operation Time',
    operationtype: 'Operation Type',
    operationStatus: 'Operation Status',
  },
};

export default en;

 src/assets/lang/zh.js

@@ -5,6 +5,11 @@
    name: '名称',
    edit: '编辑',
    delete: '删除',
    username: '用户名称',
    empty: '清空',
    iquery: '查询',
    selectdate: '请选择日期',
    pleaseInput: '请输入',
  },
  dataManage: {
    dataManage: '数据管理',
@@ -30,6 +35,7 @@
    systemMonitoring: '系统监控',
    logLog: '登录日志',
    operationLog: '操作日志',
    databaseMonitoring: '数据库监控',
  },
  synthesis: {
    synthesis: '综合展示',
@@ -89,6 +95,15 @@
    terrainexcavation: '地形开挖',
    removepaint: '清除绘制',
  },
  loglog: {
    serialnumber: '序号',
    coverage: '图层',
    systematic: '所属系统',
    ipadress: 'IP 地址',
    operationtime: '操作时间',
    operationtype: '操作类型',
    operationStatus: '操作状态',
  },
};

export default zh;

 src/components/navMenu.vue

@@ -85,7 +85,9 @@
              <el-menu-item index="operationLog">{{
                $t("operatManage.operationLog")
              }}</el-menu-item>
              <!-- <el-menu-item index="databaseMonitoring">数据库监控</el-menu-item> -->
              <el-menu-item index="databaseMonitoring">{{
                $t("operatManage.databaseMonitoring")
              }}</el-menu-item>
            </el-submenu>
          </el-submenu>
          <el-submenu index="3" class="faSub">

 src/views/maintenance/databaseMonitoring.vue

@@ -3,35 +3,12 @@
    <My-bread :list="['运维管理', '数据库监控']"></My-bread>
    <el-divider />
    <div class="table_box">
      <p class="title_box">服务列表</p>
      <el-table
        ref="multipleTable"
        stripe
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="55"> </el-table-column>
        <el-table-column prop="name" label="服务名称"> </el-table-column>
        <el-table-column prop="name" label="服务目录"> </el-table-column>
        <el-table-column prop="address" label="访问次数" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="address" label="创建时间" show-overflow-tooltip>
        </el-table-column>
        <el-table-column prop="name" fixed="right" label="运行状态" width="280">
        </el-table-column>
      </el-table>
      <div style="margin-top: 40px" class="pagination_box">
        <el-pagination background layout="prev, pager, next" :total="10" />
      </div>
    </div>
    <div class="chart_box">
      <iframe
        src="https://element.eleme.cn/#/zh-CN/component/pagination"
        id="iframe"
        :src="sql_Url"
        style="height: 100%"
        width="100%"
        frameborder="0"
        height="100%"
        style="width: 100%"
      ></iframe>
    </div>
  </div>
@@ -47,37 +24,15 @@
  data() {
    //这里存放数据
    return {
      currentPage4: 4,
      tableData: [
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
      ],
      sql_Url: sql_Url
    };
  },
  //方法集合
  methods: {
    handleSelectionChange() {},
    handleSelectionChange() { },
  },
  created() {},
  mounted() {},
  created() { },
  mounted() { },
};
</script>
<style lang="less" scoped>
@@ -89,29 +44,12 @@
  padding: 10px;
  box-sizing: border-box;
  .table_box {
    height: 40%;
    height: 90%;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    overflow: auto;
  }
  .title_box {
    font-weight: 800;
  }
  .pagination_box {
    text-align: center;
  }
  .chart_box {
    height: calc(60% - 100px);
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgb(202, 201, 204);
    overflow: hidden;
  }
}
</style>

 src/views/maintenance/logLog.vue

@@ -4,66 +4,69 @@
    <el-divider />
    <div class="inquire">
      <el-form ref="formData1" :model="form" :inline="true">
        <el-form-item label="登录地址" prop="name">
          <el-input v-model="form.name" placeholder="请输入" />
        <!-- 用户名 -->
        <el-form-item :label="$t('common.username')" prop="name">
          <el-input
            style="width: 300px"
            v-model="form.name"
            :placeholder="$t('common.pleaseInput')"
          />
        </el-form-item>
        <el-form-item label="登录名称" prop="jurisdiction">
          <el-input v-model="form.jurisdiction" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="登录状态" prop="region">
          <el-select v-model="form.region" placeholder="请选择">
        <!-- 所属系统 -->
        <el-form-item :label="$t('loglog.systematic')" prop="region">
          <el-select v-model="form.region" :placeholder="$t('common.choose')">
            <el-option label="Zone one" value="shanghai" />
            <el-option label="Zone two" value="beijing" />
          </el-select>
        </el-form-item>
        <el-form-item label="登录时间">
        <!-- 操作时间 -->
        <el-form-item :label="$t('loglog.operationtime')">
          <el-col :span="11">
            <el-date-picker
              type="date"
              placeholder="选择日期"
              :placeholder="$t('common.selectdate')"
              v-model="form.date1"
              style="width: 100%"
            ></el-date-picker>
          </el-col>
          <el-col class="line text-center" :span="2">-</el-col>
          <el-col :span="11">
            <el-time-picker
              placeholder="选择时间"
            <el-date-picker
              type="date"
              :placeholder="$t('common.selectdate')"
              v-model="form.date2"
              style="width: 100%"
            ></el-time-picker>
            ></el-date-picker>
          </el-col>
        </el-form-item>
        <!-- 查询 清空 -->
        <el-form-item>
          <el-button @click="onSubmit">查询</el-button>
          <el-button @click="onSubmit">{{ $t("common.iquery") }}</el-button>
          <el-button @click="onEmpty('formData1')">{{
            $t("common.empty")
          }}</el-button>
        </el-form-item>
      </el-form>
      <div class="btn_box">
        <el-button>添加</el-button>
        <el-button>修改</el-button>
        <el-button>导出</el-button>
        <el-button>清空</el-button>

      </div>
    </div>
    <!-- 表格显示 -->
    <div class="table_box">
      <el-table :data="tableData" stripe style="width: 100%">
        <el-table-column type="selection" width="55" />
        <el-table-column prop="Accessnumber" label="访问编号" />
        <el-table-column prop="name" label="登录名称" />
        <el-table-column prop="ip" label="登录地址" />
        <el-table-column prop="loginaddress" label="登录地点" />
        <el-table-column prop="browser" label="浏览器" />
        <el-table-column prop="operatingsystem" label="操作系统" />
        <el-table-column prop="state" label="操作状态" />
        <el-table-column prop="operatinginformation" label="操作信息" />
        <el-table-column prop="date" label="登录时间" />
        <el-table-column fixed="right" label="操作" width="100">
          <template #default>
            <el-button type="primary" size="small">删除</el-button>
          </template>
        </el-table-column>
        <el-table-column
          width="150"
          type="index"
          :label="$t('loglog.serialnumber')"
        />
        <el-table-column prop="name" :label="$t('loglog.coverage')" />
        <el-table-column prop="ip" :label="$t('loglog.systematic')" />
        <el-table-column prop="loginaddress" :label="$t('loglog.ipadress')" />
        <el-table-column prop="browser" :label="$t('loglog.operationtime')" />
        <el-table-column
          prop="operatingsystem"
          :label="$t('loglog.operationtype')"
        />
        <el-table-column prop="state" :label="$t('loglog.operationStatus')" />
      </el-table>
      <!-- 分页 -->
      <div style="margin-top: 40px" class="pagination_box">
        <el-pagination
          @size-change="handleSizeChange"
@@ -97,107 +100,7 @@
        region: "",
        jurisdiction: "",
      },
      tableData: [
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "chrome",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "IE11",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "chrome",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "chrome",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "chrome",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "IE11",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "chrome",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "chrome",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          name: "admin",
          Accessnumber: "1",
          loginaddress: "北京市",
          browser: "IE11",
          operatingsystem: "windows10",
          state: "成功",
          operatinginformation: "登录成功",
          ip: "221.182.31.12",
        },
      ],
      tableData: [],
    };
  },
  methods: {
@@ -210,8 +113,11 @@
    onSubmit() {
      console.log("submit!");
    },
    onEmpty(formData1) {
      this.$refs[formData1].resetFields()//重置表单数据
    }
  },
  created() {},
  created() { },
};
</script>
<style lang="less" scoped>