1128/

ruoyi-ui/src/assets/icons/svg/数字1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1764294179030" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5295" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512.01893 1.779421c-282.28432 0-511.110289 228.82597-511.110289 511.110289s228.82597 511.110289 511.110289 511.110289c282.26539 0 511.091359-228.82597 511.091359-511.110289S794.28432 1.779421 512.01893 1.779421zM512 986.139979c-261.366658 0-473.250268-211.88361-473.250268-473.250268 0-261.385588 211.88361-473.250268 473.250268-473.250268 261.385588 0 473.269198 211.88361 473.269198 473.250268C985.269198 774.237439 773.385588 986.139979 512 986.139979zM406.90058 399.309646l0 56.790032c40.207343-16.544829 71.574371-33.108589 94.063223-49.691278l0 269.752653 58.550523 0L559.514327 301.706511l-44.353015 0C502.118534 341.932784 466.037934 374.454542 406.90058 399.309646z" fill="#000000" p-id="5296"></path></svg>

ruoyi-ui/src/views/developer/xinxiziyuan/index.vue

@@ -0,0 +1,96 @@
+<template>
+  <div style="height: 100vh;width: 100%;background-color: #EDEFF0;overflow-y: auto;">
+    <div style="margin-top: 1%;margin-left: 20%;font-size: 20px;">
+      信息资源申请
+    </div>
+    <div style="width: 60%;height: 80vh;box-shadow: 0 0 5px 1px #ccc;margin-left: 20%;background-color: white;margin-top: 1%;">
+        <div style="width: 100%;display: flex;height: 0.5vh;display: flex;">
+            <div style="width: 100%;">
+                <div style="width: 33%;height: 0.5vh;background-color: #1270FF;"></div>
+            </div>
+        </div>
+        <el-steps style="width: 100%;background-color: transparent;" :active="1" finish-status="success" simple>
+            <el-step title="填写申请信息" />
+            <el-step title="确认申请信息" />
+            <el-step title="完成申请" />
+        </el-steps>
+        <div style="margin-top: 2%;display: flex;height: 1.5rem;margin-left: 5%;align-items: center;line-height: 1.5rem;">
+            <div style="height: 1rem;background-color: #1270FF;width: 3px;"></div>
+            <div style="margin-left: 1%;font-weight: bold;">服务选择</div>
+        </div>
+        <div style="margin-top: 2%;margin-left: 10%;">
+            <div style="display: flex;align-items: center;">
+                <div>
+                    信息资源:
+                </div>
+                <div style="margin-left: 1%;">
+                    <el-input v-model="formTreea" style="width: 100%;" placeholder=""/>
+                </div>
+            </div>
+        </div>
+        <div style="margin-top: 1%;margin-left: 10%;">
+            <div style="display: flex;align-items: center;">
+                <div>
+                    {{ '\u3000\u3000' }}服务:
+                </div>
+                <div style="margin-left: 1%;">
+                    <el-input v-model="formTreea" style="width: 100%;" placeholder=""/>
+                </div>
+            </div>
+        </div>
+        <div style="margin-top: 5%;display: flex;height: 1.5rem;margin-left: 5%;align-items: center;line-height: 1.5rem;">
+            <div style="height: 1rem;background-color: #1270FF;width: 3px;"></div>
+            <div style="margin-left: 1%;font-weight: bold;">服务信息</div>
+        </div>
+        <el-form style="margin-top: 1%;width: 60%;margin-left: 5%;" label-position="right" ref="formRefAdd" label-width="120px" :model="formTree" class="demo-form-inline" :rules="rulesTree">
+            <el-form-item label="服务信息:" prop="itemName" style="">
+                <el-input v-model="formTree.itemName" style="width: 75%;" placeholder=""/>
+            </el-form-item>
+            <el-form-item label="网关选择:" prop="catePid" style="margin-top: 5%;">
+                <el-input v-model="formTree.catePid" style="width: 75%;" type="" placeholder=""  resize="none"/>
+            </el-form-item>
+        </el-form>
+        <div style="margin-top: 5%;display: flex;height: 1.5rem;margin-left: 5%;align-items: center;line-height: 1.5rem;">
+            <div style="height: 1rem;background-color: #1270FF;width: 3px;"></div>
+            <div style="margin-left: 1%;font-weight: bold;">申请信息</div>
+        </div>
+        <el-form style="margin-top: 1%;width: 60%;margin-left: 5%;" label-position="right" ref="formRefAdd" label-width="120px" :model="formTree" class="demo-form-inline" :rules="rulesTree">
+            <el-form-item label="申请应用:" prop="itemName" style="">
+                <el-input v-model="formTree.itemName" style="width: 75%;" placeholder=""/>
+            </el-form-item>
+            <el-form-item label="申请原因:" prop="catePid" style="margin-top: 1%;">
+                <el-input v-model="formTree.catePid" style="width: 75%;" type="textarea" placeholder=""  resize="none"/>
+            </el-form-item>
+            <el-form-item label="使用期限:" prop="itemName" style="">
+                <el-input v-model="formTree.itemName" style="width: 75%;" placeholder=""/>
+            </el-form-item>
+            <el-form-item label="申请资料:" prop="catePid" style="margin-top:1%;">
+                <el-input v-model="formTree.catePid" style="width: 75%;" type="" placeholder=""  resize="none"/>
+            </el-form-item>
+        </el-form>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue';
+import * as echarts from 'echarts';
+const formTree = ref({
+    itemName: '',
+    catePid: '',
+    itemNo: '',
+    itemNotes: ''
+});
+const rulesTree = reactive({
+  itemNo: [{ required: true, message: '必填', trigger: 'blur' }],
+  catePid: [{ required: true, message: '必填', trigger: 'blur' }],
+  itemName: [{ required: true, message: '必填', trigger: 'blur' }],
+});
+onMounted(() => {
+});
+</script>
+<style scoped>
+.borderBack:hover {
+    box-shadow: 0 0 5px 1px #ccc;
+    cursor: pointer;
+}
+</style>