验收提交

louyinlei

2024-03-05 5e779cf782fa3bfd3de4cfc4dc88af56b171b501

 src/views/system/subSys/index.vue

@@ -2,39 +2,42 @@
  <div class="app-container" style="width: 100%;height: calc(100vh - 84px)">
    <div class="container">
      <div>
        <a href="https://222.82.242.194:1443/">
        <el-image fit="fill" :src="cover" style="width: 100%"></el-image>
        <div>文字描述</div>
        <div>远程监巡考系统管理</div>
        </a>
      </div>
      <div>
        <el-image fit="fill" :src="cover" style="width: 100%"></el-image>
        <div>文字描述</div>
        <a href="http://117.190.86.66:8616/">
        <el-image fit="fill" :src="fees" style="width: 100%"></el-image>
        <div>特种作业考试缴费系统</div>
        </a>
      </div>
      <div>
        <el-image fit="fill" :src="cover" style="width: 100%"></el-image>
        <div>文字描述</div>
        <a href="http://47.109.31.73:81/">
        <el-image fit="fill" :src="history" style="width: 100%"></el-image>
        <div>历史数据存档</div>
        </a>
      </div>
      <div>
        <el-image fit="fill" :src="cover" style="width: 100%"></el-image>
        <div>文字描述</div>
      </div>
      <div>
        <el-image fit="fill" :src="cover" style="width: 100%"></el-image>
        <div>文字描述</div>
      </div>


    </div>
  </div>
</template>

<script>
import cover from '@/assets/images/systemCover.jpg'
import cover from '@/assets/images/invigilation.png'
import history from '@/assets/images/history.png'
import fees from '@/assets/images/fees.png'
export default {
  name: "cardPlatform",
  dicts: [],
  components: { },
  data() {
    return {
      cover: cover
      cover,
      history,
      fees
    }
  },
  created() {
@@ -59,10 +62,10 @@
    align-items: center;
    padding: 0 10px 10px;
    box-sizing: border-box;
    width: 25%;
    width: 33%;
    div{
      font-size: 14px;
      margin-top: 20px;
      margin-top: 33px;
      text-align: center;
    }
  }