共享资源详情

src/api/kfgx/gxzy.js

@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+export function GetByBsm(params) {
+    return request({
+        url: '/apply/yzt/zyml/GetByBsm',
+        method: 'get',
+        params
+    })
+}

src/components/Combinations/LayerManage/LayerManageSplit.vue

@@ -96,7 +96,7 @@
                     : node.label
                 }}</span>
                 <span>
-                  <i class="el-icon-notebook-2" v-if="data.url != '' && $props.type == 'share'" @click="showDetail"></i>
+                  <i class="el-icon-notebook-2" v-if="data.url != '' && $props.type == 'share'" @click="showDetail(data)"></i>
                   <Icon
                     :type="!data.favorite ? 'ios-star-outline' : 'ios-star'"
                     color="green"
@@ -269,7 +269,8 @@ export default {
   },
 
   methods: {
-    showDetail(){
+    showDetail(data){
+      console.log(data,'woshidata');
       this.$emit("updateParent", "isShowService", true);
     },
     toggleVisibility() {

src/views/shareResources/components/ServiceDetails.vue

@@ -7,7 +7,7 @@
       </div>
       <div class="ServiceCon">
         <div class="detailList">
-          <el-descriptions title="自定义样式列表" :column="1" border>
+          <el-descriptions :column="1" border>
             <el-descriptions-item
               label="服务名称"
               label-class-name="my-label"
@@ -33,7 +33,7 @@
         </div>
         <div class="btnCon">
           <span @click="dialogVisible = true">申请调用</span>
-          <span><i>申请记录</i></span>
+          <span><i @click="dialogVisible2 = true">申请记录</i></span>
         </div>
       </div>
     </div>
@@ -131,6 +131,39 @@
         <el-button @click="resetForm('ruleForm')">确定</el-button>
       </span>
     </el-dialog>
+
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible2"
+      width="30%"
+      :before-close="handleClose"
+    >
+      <div>
+        <el-table :data="tableData" style="width: 100%">
+          <el-table-column prop="date" label="申请时间" >
+          </el-table-column>
+          <el-table-column prop="sqbm" label="申请部门" >
+          </el-table-column>
+          <el-table-column prop="sjfw" label="数据服务" >
+          </el-table-column>
+          <el-table-column prop="fwlx" label="服务类型" >
+          </el-table-column>
+          <el-table-column prop="sqfw" label="申请范围" >
+          </el-table-column>
+          <el-table-column prop="sqly" label="申请理由" >
+          </el-table-column>
+          <el-table-column prop="xtmc" label="系统名称"> </el-table-column>
+          <el-table-column prop="dyip" label="调用IP"> </el-table-column>
+          <el-table-column prop="yqTime" label="预期使用时间"> </el-table-column>
+        </el-table>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible2 = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible2 = false"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -141,6 +174,7 @@ export default {
     return {
       isDetailsShow: false,
       dialogVisible: false,
+      dialogVisible2: false,
       xzqTreeData: [], //申请范围
       fileList: [], //文件
       ruleForm: {
@@ -165,10 +199,21 @@ export default {
         xzqTreeValue: [
           { required: true, message: "请选择申请范围", trigger: "change" },
         ],
-        dyip: [
-          { required: true, message: "请填写调用IP", trigger: "blur" },
-        ],
+        dyip: [{ required: true, message: "请填写调用IP", trigger: "blur" }],
       },
+      tableData: [
+        {
+          date: "2016-05-02",
+          sqbm: "研发部",
+          sjfw: "XXXXXX",
+          fwlx:'iServer',
+          sqfw:'吉阳区',
+          sqly:'申请理由',
+          xtmc:'系统名称',
+          dyip:'调用ip',
+          yqTime:'预期时间',
+        },
+      ],
     };
   },
   created() {
@@ -236,7 +281,7 @@ export default {
 <style lang="scss" scoped>
 .ServiceCon {
   height: 760px;
-  background-color: aliceblue;
+//   background-color: aliceblue;
   cursor: auto;
 
   .btnCon {
@@ -293,6 +338,19 @@ export default {
 .sm-panel {
   top: 38px;
 }
+
+/deep/ .el-icon-close:before{
+    right: 2px;
+    top: 0px;
+}
+/deep/ .el-descriptions-item__label.is-bordered-label{
+    color: #fff;
+    background-color: transparent;
+}
+/deep/ .el-descriptions__body{
+    color: #fff;
+    background-color: transparent;
+}
 </style>
 <style>
 .my-content {

src/views/shareResources/index.vue

@@ -31,6 +31,7 @@ export default {
   data() {
     return {
       isShowService:false,
+      objData:null,
     };
   },
   mounted() {