当前位置: 首页 > article >正文

jeecg-boot 表单选择一条数据保存

 HTML(新增form)

<a-col :span="24">
            <a-form-item label="专题学习表名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <!-- <a-input v-decorator="['studyName', validatorRules.studyName]" placeholder="请输入专题学习表名称"></a-input> -->
              <share-basic-info-select-list placeholder="请选择专题学习表" v-decorator="['studyName', validatorRules.studyName]" @select="selectContentOK" ref="modalForm" />
            </a-form-item>
          </a-col>

引用

import ShareBasicInfoSelectList from "./ShareBasicInfoSelectList.vue"

components: {
      ShareBasicInfoSelectList,
    },

submitForm中要添加(实体有studyId,studyName字段)

if(this.model.studyName != null){
              formData.studyId = this.studyId
            }else{
              alert("专题学习为空!");
              that.confirmLoading = false;
              return null;
            }

方法

// 专题学习信息
      selectContentOK(row) {
        let studyId = null;
        let studyName = null;
        if  (row.length > 0){
          for (let i = 0, len = row.length; i < len; i++) {
            studyId = row[i]['id'];
            studyName = row[i]['name'];
          }
          this.$nextTick(() => {
            this.form.setFieldsValue({
              'studyId': studyId,
              'studyName': studyName,
            });
          })
          this.studyId = studyId
        }else{
          this.form.setFieldsValue({
            'studyId': studyId,
            'studyName': studyName,
          });
          this.studyId = studyId
        }
      },

ShareBasicInfoSelectList页面

<template>
  <j-select-biz-component
    :value="value"
    name="专题学习"
    displayKey="name"
    :returnKeys="returnKeys"
    :listUrl="url.list"
    :columns="columns"
    queryParamText="专题学习名称"
    queryParamCode="name"
    :multiple="multiple"
    v-on="$listeners"
    v-bind="$attrs"
    :width="1200"
    :ellipsisLength="20"
  />
</template>

<script>
  import JSelectBizComponent from '@/components/jeecgbiz/JSelectBizComponent'

  export default {
    name: 'ShareBasicInfoSelectList',
    components: { JSelectBizComponent },
    props: ['value'],
    data() {
      return {
        multiple:false,
        returnKeys: ['id','id'],
        url: { list: '/xxx/xxxStudyInfo/list' },
        columns: [
          { title: '专题学习名称', dataIndex: 'name', align: 'center', width: '50%' },
          { title: '教育资源类型', dataIndex: 'type_dictText', align: 'center', width: '50%' }
        ],
      }
    }
  }
</script>

<style lang="less" scoped></style>

url放后端你想要的列表接口即可


http://www.kler.cn/a/488269.html

相关文章:

  • 深入浅出负载均衡:理解其原理并选择最适合你的实现方式
  • 深入理解 C 语言中浮点型数据在内存中的存储
  • 551 灌溉
  • QT自定义工具条渐变背景颜色一例
  • Linux下实时监测双网卡的默认网卡并重新设置默认网卡
  • Ubuntu中使用miniconda安装R和R包devtools
  • 深入学习Headers Exchange交换机
  • 打桩机:灾害救援中的 “应急尖兵”,稳固支撑的保障|鼎跃安全
  • 解锁无证身份核验:开启便捷安全新征程
  • 专精特新申报条件
  • 了解RabbitMQ的工作原理
  • tdengine数据库使用java连接
  • 使用 Docker 构建 preboot 交叉编译环境
  • 数据集-目标检测系列- 电话 测数据集 call_phone >> DataBall
  • Nginx安全加固系列:防范XSS
  • QEMU通过OVS实现联网
  • 计算机网络之---信号与编码
  • HDFS编程 - 使用HDFS Java API进行文件操作
  • 一、智能体强化学习——强化学习基础
  • component-动态控制 div width 的值 根据传入的变量决定width的值 vue
  • Qt重写webrtc的demo peerconnection
  • 【原型设计】Axure快速入门教程
  • 机器学习实战——决策树:从原理到应用的深度解析
  • 【SOC 芯片设计 DFT 学习专栏 -- RTL 中的信号名和 Netlist 中的信号名差异】
  • d2j-dex2jar classes.dex 执行报错:not support version 问题解决
  • vue入门项目