liuchengxin
2022-05-17 b05640960d38a08def00a44b44aa11ef216f911f
样式修改
12个文件已修改
2个文件已添加
242 ■■■■■ 已修改文件
src/assets/images/batch-icon.png 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/ip-icon.png 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/login-background.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/styles/index.scss 15 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/components/school/index.vue 41 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/construction/ai/index.vue 26 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/construction/constructionList/index.vue 29 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/construction/exchange/index.vue 16 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/construction/iot/index.vue 26 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/construction/ipc/index.vue 18 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/construction/nvr/index.vue 24 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/construction/server/index.vue 20 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/construction/system/index.vue 18 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/index.vue 9 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/batch-icon.png
src/assets/images/ip-icon.png
src/assets/images/login-background.jpg

src/assets/styles/index.scss
@@ -121,7 +121,8 @@
//main-container全局样式
.app-container {
  padding: 20px;
  padding: 15px;
  box-sizing: border-box;
}
.components-container {
@@ -193,3 +194,15 @@
.del-btn {
  color: #ff0000;
}
input {
  outline: none!important;
}
.custom-el-tabs .el-tabs {
  width: 100%!important;
  flex: none;
}
.construction-view {
  //padding: 0 10px;
  box-sizing: border-box;
}
src/views/components/school/index.vue
@@ -59,6 +59,47 @@
};
</script>
<style scoped lang="scss">
.tree-list-main {
  display: flex;
  flex-direction: column;
  width: 270px;
  height: 100%;
  box-sizing: border-box;
  .main-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px;
    border: 1px solid #EEEEF1;
    border-radius: 3px;
    padding: 0 10px;
    margin-bottom: 10px;
    width: 100%;
    .search-input {
      display: flex;
      flex: 1;
      background: none;
      border: none;
      font-size: 14px;
      color: #000000;
    }
    .search-btn {
      display: flex;
      align-items: center;
      cursor: pointer;
    }
  }
  .main-tree {
    display: flex;
    flex-direction: column;
    border: 1px solid #EEEEF1;
    //height: 718px;
    flex: 1;
    border-radius: 3px;
    padding: 10px 5px;
    overflow: auto;
  }
}
.tree-search {
  display: flex;
  flex-direction: row;
src/views/construction/ai/index.vue
@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="construction-view">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="安装位置" prop="buildingId">
        <building v-model="queryParams.buildingId" :schoolId="schoolId"></building>
@@ -79,18 +79,18 @@
          <dict-tag :options="dict.type.DICT112" :value="scope.row.passageway"/>
        </template>
      </el-table-column>
      <el-table-column label="LAN1" align="center" prop="lanOne"/>
      <el-table-column label="IP" align="center" prop="ipOne"/>
      <el-table-column label="LAN2" align="center" prop="lanTwo"/>
      <el-table-column label="IP" align="center" prop="ipTwo"/>
      <el-table-column label="登录账户" align="center" prop="loginAccount"/>
      <el-table-column label="安装位置" align="center" prop="buildingId_dictText"/>
      <el-table-column label="所属单位" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="序列号" align="center" prop="serialNumber"/>
      <el-table-column label="型号" align="center" prop="model"/>
      <el-table-column label="生产厂商" align="center" prop="manufacturerId_dictText"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
      <el-table-column label="LAN1" min-width="150" align="center" prop="lanOne"/>
      <el-table-column label="IP" width="120" align="center" prop="ipOne"/>
      <el-table-column label="LAN2" min-width="150" align="center" prop="lanTwo"/>
      <el-table-column label="IP" width="120" align="center" prop="ipTwo"/>
      <el-table-column label="登录账户" min-width="180" align="center" prop="loginAccount"/>
      <el-table-column label="安装位置" min-width="180" align="center" prop="buildingId_dictText"/>
      <el-table-column label="所属单位" min-width="180" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" min-width="180" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="序列号" min-width="150" align="center" prop="serialNumber"/>
      <el-table-column label="型号" min-width="120" align="center" prop="model"/>
      <el-table-column label="生产厂商" min-width="220" align="center" prop="manufacturerId_dictText"/>
      <el-table-column label="操作" align="center" fixed="right" width="180" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
              size="mini"
src/views/construction/constructionList/index.vue
@@ -4,9 +4,11 @@
      <div class="tree-list">
        <school ref="schoolRef" @schoolChange="schoolChange"></school>
      </div>
      <div class="right-view" v-loading="loading">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="施工概况" name="first">施工概况</el-tab-pane>
      <div class="right-view custom-el-tabs" v-loading="loading">
        <el-tabs v-model="activeName" style="flex: 1;" @tab-click="handleClick">
          <el-tab-pane label="施工概况" name="first">
            <el-empty description="正在开发中..."></el-empty>
          </el-tab-pane>
          <el-tab-pane label="IPC设备" name="second">
            <ipc v-if="activeName === 'second'" :schoolId="schoolId"></ipc>
          </el-tab-pane>
@@ -30,8 +32,8 @@
          </el-tab-pane>
        </el-tabs>
        <div class="right-view-title-icon">
          <i class="el-icon-search" @click="batchOpen = true"></i>
          <i class="el-icon-search" @click="ipOpen = true"></i>
          <img alt="" title="施工批次" src="@/assets/images/batch-icon.png" @click="batchOpen = true" class="right-view-title-icon-item" />
          <img alt="" title="预留IP" src="@/assets/images/ip-icon.png" @click="ipOpen = true" class="right-view-title-icon-item" />
        </div>
      </div>
    </div>
@@ -84,7 +86,7 @@
    // 选择高校
    schoolChange(v) {
      this.schoolId = v;
      this.activeName = 'first';
      this.activeName = 'second';
      this.loading = false;
    },
    handleClick(tab, event) {
@@ -98,7 +100,7 @@
.tree-view {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
}
.tree-list {
@@ -109,7 +111,9 @@
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
  width: calc(100% - 280px);
  position: relative;
  box-sizing: border-box;
}
.right-view-title-icon {
@@ -117,5 +121,14 @@
  flex-direction: row;
  height: 40px;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}
.right-view-title-icon-item {
  width: 20px;
  height: 20px;
  margin-left: 15px;
  cursor: pointer;
}
</style>
src/views/construction/exchange/index.vue
@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="construction-view">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="安装位置" prop="buildingId">
        <building v-model="queryParams.buildingId" :schoolId="schoolId"></building>
@@ -133,13 +133,13 @@
          <dict-tag :options="dict.type.DICT114" :value="scope.row.indexB"/>
        </template>
      </el-table-column>
      <el-table-column label="安装位置" align="center" prop="buildingId_dictText"/>
      <el-table-column label="具体位置" align="center" prop="address"/>
      <el-table-column label="所属单位" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="型号" align="center" prop="model"/>
      <el-table-column label="生产厂商" align="center" prop="manufacturerId_dictText"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
      <el-table-column label="安装位置" min-width="180" align="center" prop="buildingId_dictText"/>
      <el-table-column label="具体位置" min-width="220" align="center" prop="address"/>
      <el-table-column label="所属单位" min-width="180" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" min-width="180" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="型号" min-width="180" align="center" prop="model"/>
      <el-table-column label="生产厂商" min-width="220" align="center" prop="manufacturerId_dictText"/>
      <el-table-column label="操作" align="center" fixed="right" width="220" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
              size="mini"
src/views/construction/iot/index.vue
@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="construction-view">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="部署名称" prop="deploymentName">
        <el-input
@@ -111,20 +111,20 @@
          <dict-tag :options="dict.type.DICT110" :value="scope.row.edition"/>
        </template>
      </el-table-column>
      <el-table-column label="LAN" align="center" prop="lan"/>
      <el-table-column label="IP" align="center" prop="ip"/>
      <el-table-column label="通道1" align="center" prop="passagewayOne_dictText"/>
      <el-table-column label="通道2" align="center" prop="passagewayTwo_dictText"/>
      <el-table-column label="通道3" align="center" prop="passagewayThree_dictText"/>
      <el-table-column label="通道4" align="center" prop="passagewayFour_dictText"/>
      <el-table-column label="安装位置" align="center" prop="buildingId_dictText"/>
      <el-table-column label="所属单位" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="LAN" align="center" min-width="150" prop="lan"/>
      <el-table-column label="IP" align="center" min-width="120" prop="ip"/>
      <el-table-column label="通道1" align="center" min-width="180" prop="passagewayOne_dictText"/>
      <el-table-column label="通道2" align="center" min-width="180" prop="passagewayTwo_dictText"/>
      <el-table-column label="通道3" align="center" min-width="180" prop="passagewayThree_dictText"/>
      <el-table-column label="通道4" align="center" min-width="180" prop="passagewayFour_dictText"/>
      <el-table-column label="安装位置" min-width="180" align="center" prop="buildingId_dictText"/>
      <el-table-column label="所属单位" min-width="180" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" min-width="150" align="center" prop="constructionBatchId_dictText"/>
<!--      <el-table-column label="序列号" align="center" prop="serialNumber"/>-->
<!--      <el-table-column label="型号" align="center" prop="model"/>-->
      <el-table-column label="生产厂商" align="center" prop="manufacturerId_dictText"/>
      <el-table-column label="监控对象" align="center" prop="monitorObject"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
      <el-table-column label="生产厂商" align="center" min-width="220" prop="manufacturerId_dictText"/>
      <el-table-column label="监控对象" align="center" min-width="180" prop="monitorObject"/>
      <el-table-column label="操作" align="center" fixed="right" width="180" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
              size="mini"
src/views/construction/ipc/index.vue
@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="construction-view">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="NVR" prop="nvrId">
        <nvr v-model="queryParams.nvrId" :schoolId="schoolId"></nvr>
@@ -71,23 +71,23 @@
          <span>{{ scope.$index + (queryParams.pageNum - 1) * queryParams.pageSize + 1 }} </span>
        </template>
      </el-table-column>
      <el-table-column label="MAC" align="center" prop="mac"/>
      <el-table-column label="IP" align="center" prop="ip"/>
      <el-table-column label="端口" align="center" prop="port"/>
      <el-table-column label="登录账户" align="center" prop="loginAccount"/>
      <el-table-column label="MAC" min-width="150" align="center" prop="mac"/>
      <el-table-column label="IP" width="120" align="center" prop="ip"/>
      <el-table-column label="端口" width="80" align="center" prop="port"/>
      <el-table-column label="登录账户" min-width="120" align="center" prop="loginAccount"/>
      <el-table-column label="NVR" align="center" prop="nvrId_dictText">
        <template slot-scope="scope">
          <el-link type="primary" @click="nvrClick(scope.row)">{{scope.row.nvrId_dictText}}</el-link>
        </template>
      </el-table-column>
      <el-table-column label="通道" align="center" prop="passageway_dictText"/>
      <el-table-column label="安装位置" align="center" prop="buildingId_dictText"/>
      <el-table-column label="所属单位" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="安装位置" min-width="240"  align="center" prop="buildingId_dictText"/>
      <el-table-column label="所属单位" min-width="200" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" min-width="120" align="center" prop="constructionBatchId_dictText"/>
      <!--      <el-table-column label="序列号" align="center" prop="serialNumber" />-->
      <!--      <el-table-column label="型号" align="center" prop="model" />-->
      <!--      <el-table-column label="生产厂商" align="center" prop="manufacturerId_dictText" />-->
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
      <el-table-column label="操作" align="center" fixed="right" width="180" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
              size="mini"
src/views/construction/nvr/index.vue
@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="construction-view">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="88px">
      <el-form-item label="通道(路)" prop="passageway">
        <el-select v-model="queryParams.passageway" placeholder="请选择通道(路)">
@@ -80,21 +80,21 @@
          <span>{{ scope.$index + (queryParams.pageNum - 1) * queryParams.pageSize + 1 }} </span>
        </template>
      </el-table-column>
      <el-table-column label="部署名称" align="center" prop="deploymentName"/>
      <el-table-column label="通道(路)" align="center" prop="passageway_dictText"/>
      <el-table-column label="LAN1" align="center" prop="lanOne"/>
      <el-table-column label="IP" align="center" prop="ipOne"/>
      <el-table-column label="LAN2" align="center" prop="lanTwo"/>
      <el-table-column label="IP" align="center" prop="ipTwo"/>
      <el-table-column label="登录账户" align="center" prop="loginAccount"/>
      <el-table-column label="硬盘" align="center" prop="hardDisk"/>
      <el-table-column label="安装位置" align="center" prop="buildingId_dictText"/>
      <el-table-column label="所属单位" align="center" prop="organizationId_dictText"/>
      <el-table-column label="部署名称" min-width="150" align="center" prop="deploymentName"/>
      <el-table-column label="通道(路)" width="120" align="center" prop="passageway_dictText"/>
      <el-table-column label="LAN1" align="center" width="150" prop="lanOne"/>
      <el-table-column label="IP" align="center" width="120" prop="ipOne"/>
      <el-table-column label="LAN2" align="center" min-width="150" prop="lanTwo"/>
      <el-table-column label="IP" align="center" width="120" prop="ipTwo"/>
      <el-table-column label="登录账户" align="center" min-width="120" prop="loginAccount"/>
      <el-table-column label="硬盘" align="center" min-width="120" prop="hardDisk"/>
      <el-table-column label="安装位置" align="center" min-width="240" prop="buildingId_dictText"/>
      <el-table-column label="所属单位" align="center" min-width="200" prop="organizationId_dictText"/>
      <!--      <el-table-column label="施工批次" align="center" prop="constructionBatchId" />-->
      <!--      <el-table-column label="序列号" align="center" prop="serialNumber" />-->
      <!--      <el-table-column label="型号" align="center" prop="model" />-->
      <!--      <el-table-column label="生产厂商" align="center" prop="manufacturerId" />-->
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
      <el-table-column label="操作" align="center" fixed="right" width="220" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
              size="mini"
src/views/construction/server/index.vue
@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="construction-view">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="部署位置" prop="buildingId">
        <building v-model="queryParams.buildingId" :schoolId="schoolId"></building>
@@ -74,26 +74,26 @@
        </template>
      </el-table-column>
      <el-table-column label="部署名称" align="center" prop="deploymentName"/>
      <el-table-column label="LAN" align="center" prop="lan"/>
      <el-table-column label="IP" align="center" prop="ip"/>
      <el-table-column label="操作系统" align="center" prop="operatingSystem">
      <el-table-column label="LAN" align="center" min-width="150" prop="lan"/>
      <el-table-column label="IP" align="center" prop="ip" min-width="120"/>
      <el-table-column label="操作系统" align="center" min-width="180" prop="operatingSystem">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.DICT115" :value="scope.row.operatingSystem"/>
        </template>
      </el-table-column>
      <!--      <el-table-column label="账户" align="center" prop="account" />-->
      <el-table-column label="部署位置" align="center" prop="buildingId_dictText"/>
      <el-table-column label="部署位置" align="center" min-width="180" prop="buildingId_dictText"/>
      <el-table-column label="机柜号" align="center" prop="cabinetNumber"/>
      <el-table-column label="机架号" align="center" prop="rackNumber"/>
      <el-table-column label="所属单位" align="center" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="所属单位" align="center" min-width="180" prop="organizationId_dictText"/>
      <el-table-column label="施工批次" align="center" min-width="180" prop="constructionBatchId_dictText"/>
      <!--      <el-table-column label="序列号" align="center" prop="serialNumber" />-->
      <el-table-column label="型号" align="center" prop="model"/>
      <el-table-column label="生产厂商" align="center" prop="manufacturerId_dictText"/>
      <el-table-column label="型号" align="center" min-width="180" prop="model"/>
      <el-table-column label="生产厂商" align="center" min-width="220" prop="manufacturerId_dictText"/>
      <!--      <el-table-column label="性能指标" align="center" prop="performanceIndex" />-->
      <!--      <el-table-column label="备注" align="center" prop="remarks" />-->
      <!--      <el-table-column label="附件" align="center" prop="filePath" />-->
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
      <el-table-column label="操作" align="center" fixed="right" width="220" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
              size="mini"
src/views/construction/system/index.vue
@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="construction-view">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px">
      <el-form-item label="软件名称" prop="name">
        <el-input
@@ -71,19 +71,19 @@
        </template>
      </el-table-column>
      <el-table-column label="软件名称" align="center" prop="name"/>
      <el-table-column label="版本" align="center" prop="edition"/>
      <el-table-column label="功能描述" align="center" prop="functionDescription"/>
      <el-table-column label="授权方式" align="center" prop="authorizationMethod_dictText"/>
      <el-table-column label="授权数量" align="center" prop="authorizedQuantity"/>
      <el-table-column label="版本" min-width="180" align="center" prop="edition"/>
      <el-table-column label="功能描述" min-width="180" align="center" prop="functionDescription"/>
      <el-table-column label="授权方式" min-width="180" align="center" prop="authorizationMethod_dictText"/>
      <el-table-column label="授权数量" min-width="180" align="center" prop="authorizedQuantity"/>
      <el-table-column label="载体服务器" align="center" prop="serverId_dictText">
        <template slot-scope="scope">
          <el-link type="primary" @click="serverClick(scope.row)">{{scope.row.serverId_dictText}}</el-link>
        </template>
      </el-table-column>
      <el-table-column label="施工批次" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="生产厂商" align="center" prop="manufacturerId_dictText"/>
      <el-table-column label="备注" align="center" prop="remarks"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
      <el-table-column label="施工批次" min-width="180" align="center" prop="constructionBatchId_dictText"/>
      <el-table-column label="生产厂商" min-width="220" align="center" prop="manufacturerId_dictText"/>
      <el-table-column label="备注" align="center" min-width="180" prop="remarks"/>
      <el-table-column label="操作" align="center" fixed="right" width="220" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
              size="mini"
src/views/index.vue
@@ -1,7 +1,6 @@
<template>
  <div class="app-container home index-bg">
    <!--<img src="@/assets/logo/login-logo.png">-->
    <!--云通OA办公系统,欢迎您!-->
    欢迎访问云通数链OA办公系统
  </div>
</template>
@@ -22,12 +21,14 @@
<style scoped lang="scss">
.index-bg {
  display: flex;
  justify-content: center;
  padding-left: 42%;
  align-items: center;
  /*background-image: url('../assets/images/login-background.jpg');*/
  background-image: url('../assets/images/login-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 84px);
  font-size: 2.5rem;
  box-sizing: border-box;
}
</style>