jeecg自定义详情页面

流程

1.list页面

1.1详情按钮绑定事件

<a @click="xiangqing(record)">详情</a>

1.2 methods写入事件

methods: {
   
    xiangqing(record) {
   
       this.$refs.xiangqingModal.edit(record);
      this.$refs.xiangqingModal.title="详情";
      this.$refs.xiangqingModal.disableSubmit = true;
    },

1.3 引入modal

<xiang-qing-modal ref="xiangqingModal" @ok="modalFormOk"></xiang-qing-modal>

import XiangQingModal from './modules/XiangQingModal'

components：{
   
	XiangQingModal
}

2.modal页

2.1 引入form页面

<xiang-qing-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></xiang-qing-form>

import XiangQingForm from './XiangQingForm'

 components: {
   
    XiangQingForm,
  },

3.from页

写入要显示的内容

源码

list

<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="Tool名称">
              <a-input placeholder="请输入Tool名称" v-model="queryParam.name"></a-input>
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="Tool简介">
              <a-input placeholder="请输入Tool简介" v-model="queryParam.introduction"></a-input>
            </a-form-item>
          </a-col>
          <template v-if="toggleSearchStatus">
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="站点">
                <j-dict-select-tag placeholder="请选择站点" v-model="queryParam.site" dictCode="site" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="部门">
                <j-select-depart placeholder="请选择部门(一级)" v-model="queryParam.depId" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="Tool实现方式">
                <j-dict-select-tag placeholder="请选择Tool实现方式" v-model="queryParam.achieve" dictCode="achieve" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="Tool关联应用">
                <j-dict-select-tag placeholder="请选择Tool 关联应用" v-model="queryParam.related" dictCode="related" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="Tool功能描述">
                <a-input placeholder="请输入Tool功能描述" v-model="queryParam.features"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="Tool目的">
                <a-input placeholder="请输入Tool 目的" v-model="queryParam.purpose"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="开发者">
                <j-select-user-by-dep placeholder="请选择开发者" v-model="queryParam.developerId" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="IT负责/联系人">
                <j-select-user-by-dep placeholder="请选择IT 负责/联系人" v-model="queryParam.itUser" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="IT负责/联系人lync">
                <a-input placeholder="请输入IT 负责/联系人lync" v-model="queryParam.itEmail"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="业务负责/联系人">
                <j-select-user-by-dep placeholder="请选择业务负责/联系人" v-model="queryParam.businessUser" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="业务负责/联系人lnyc">
                <a-input placeholder="请输入业务负责/联系人lnyc" v-model="queryParam.businessEmail"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="业务类型(可多选)">
                <j-dict-select-tag
                  placeholder="请选择业务类型(可多选)"
                  v-model="queryParam.businessType"
                  dictCode="business_type"
                />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="DataSource/Platform(可多选)">
                <j-dict-select-tag
                  placeholder="请选择Data Source/Platform(可多选)"
                  v-model="queryParam.platform"
                  dictCode="platform"
                />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="Tool类型">
                <j-dict-select-tag placeholder="请选择Tool类型" v-model="queryParam.toolType" dictCode="tool_type" />
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="URLlink地址">
                <a-input placeholder="请输入URLlink地址" v-model="queryParam.urlLink"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="共享路径地址">
                <a-input placeholder="请输入共享路径地址" v-model="queryParam.sharedPath"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="Tool源码地址">
                <a-input placeholder="请输入Tool 源码地址" v-model="queryParam.sourceAddress"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="Tool关联ROI No">
                <a-inpu