Merge branch 'master' of https://gitee.com/y_project/RuoYi-Vue

疯狂的狮子li

2020-02-18 a1cf719d268a9d16db81ece94e75037c844f898f

 ruoyi-ui/src/views/tool/gen/genInfoForm.vue

@@ -1,154 +1,154 @@
<template>

  <el-form ref="genInfoForm" :model="info" :rules="rules" label-width="150px">

    <el-row>

      <el-col :span="12">

        <el-form-item prop="tplCategory">

          <span slot="label">生成模板</span>

          <el-select v-model="info.tplCategory">

            <el-option label="单表（增删改查）" value="crud" />

            <el-option label="树表（增删改查）" value="tree" disabled/>

          </el-select>

        </el-form-item>

      </el-col>



      <el-col :span="12">

        <el-form-item prop="packageName">

          <span slot="label">

            生成包路径

            <el-tooltip content="生成在哪个java包下，例如 com.ruoyi.system" placement="top">

              <i class="el-icon-question"></i>

            </el-tooltip>

          </span>

          <el-input v-model="info.packageName" />

        </el-form-item>

      </el-col>



      <el-col :span="12">

        <el-form-item prop="moduleName">

          <span slot="label">

            生成模块名

            <el-tooltip content="可理解为子系统名，例如 system" placement="top">

              <i class="el-icon-question"></i>

            </el-tooltip>

          </span>

          <el-input v-model="info.moduleName" />

        </el-form-item>

      </el-col>



      <el-col :span="12">

        <el-form-item prop="businessName">

          <span slot="label">

            生成业务名

            <el-tooltip content="可理解为功能英文名，例如 user" placement="top">

              <i class="el-icon-question"></i>

            </el-tooltip>

          </span>

          <el-input v-model="info.businessName" />

        </el-form-item>

      </el-col>



      <el-col :span="12">

        <el-form-item prop="functionName">

          <span slot="label">

            生成功能名

            <el-tooltip content="用作类描述，例如 用户" placement="top">

              <i class="el-icon-question"></i>

            </el-tooltip>

          </span>

          <el-input v-model="info.functionName" />

        </el-form-item>

      </el-col>

    </el-row>



    <el-row v-show="info.tplCategory == 'tree'">

      <h4 class="form-header">其他信息</h4>

      <el-col :span="12">

        <el-form-item>

          <span slot="label">

            树编码字段

            <el-tooltip content="树显示的编码字段名， 如：dept_id" placement="top">

              <i class="el-icon-question"></i>

            </el-tooltip>

          </span>

          <el-select v-model="info.treeCode" placeholder="请选择">

            <el-option

              v-for="column in info.columns"

              :key="column.columnName"

              :label="column.columnName + '：' + column.columnComment"

              :value="column.columnName"

            ></el-option>

          </el-select>

        </el-form-item>

      </el-col>

      <el-col :span="12">

        <el-form-item>

          <span slot="label">

            树父编码字段

            <el-tooltip content="树显示的父编码字段名， 如：parent_Id" placement="top">

              <i class="el-icon-question"></i>

            </el-tooltip>

          </span>

          <el-select v-model="info.treeParentCode" placeholder="请选择">

            <el-option

              v-for="column in info.columns"

              :key="column.columnName"

              :label="column.columnName + '：' + column.columnComment"

              :value="column.columnName"

            ></el-option>

          </el-select>

        </el-form-item>

      </el-col>

      <el-col :span="12">

        <el-form-item>

          <span slot="label">

            树名称字段

            <el-tooltip content="树节点的显示名称字段名， 如：dept_name" placement="top">

              <i class="el-icon-question"></i>

            </el-tooltip>

          </span>

          <el-select v-model="info.treeName" placeholder="请选择">

            <el-option

              v-for="column in info.columns"

              :key="column.columnName"

              :label="column.columnName + '：' + column.columnComment"

              :value="column.columnName"

            ></el-option>

          </el-select>

        </el-form-item>

      </el-col>

    </el-row>

  </el-form>

</template>

<script>

export default {

  name: "BasicInfoForm",

  props: {

    info: {

      type: Object,

      default: null

    }

  },

  data() {

    return {

      rules: {

        tplCategory: [

          { required: true, message: "请选择生成模板", trigger: "blur" }

        ],

        packageName: [

          { required: true, message: "请输入生成包路径", trigger: "blur" }

        ],

        moduleName: [

          { required: true, message: "请输入生成模块名", trigger: "blur" }

        ],

        businessName: [

          { required: true, message: "请输入生成业务名", trigger: "blur" }

        ],

        functionName: [

          { required: true, message: "请输入生成功能名", trigger: "blur" }

        ]

      }

    };

  },

  created() {}

};

</script>

<template>
  <el-form ref="genInfoForm" :model="info" :rules="rules" label-width="150px">
    <el-row>
      <el-col :span="12">
        <el-form-item prop="tplCategory">
          <span slot="label">生成模板</span>
          <el-select v-model="info.tplCategory">
            <el-option label="单表（增删改查）" value="crud" />
            <el-option label="树表（增删改查）" value="tree" disabled/>
          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="12">
        <el-form-item prop="packageName">
          <span slot="label">
            生成包路径
            <el-tooltip content="生成在哪个java包下，例如 com.ruoyi.system" placement="top">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
          <el-input v-model="info.packageName" />
        </el-form-item>
      </el-col>

      <el-col :span="12">
        <el-form-item prop="moduleName">
          <span slot="label">
            生成模块名
            <el-tooltip content="可理解为子系统名，例如 system" placement="top">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
          <el-input v-model="info.moduleName" />
        </el-form-item>
      </el-col>

      <el-col :span="12">
        <el-form-item prop="businessName">
          <span slot="label">
            生成业务名
            <el-tooltip content="可理解为功能英文名，例如 user" placement="top">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
          <el-input v-model="info.businessName" />
        </el-form-item>
      </el-col>

      <el-col :span="12">
        <el-form-item prop="functionName">
          <span slot="label">
            生成功能名
            <el-tooltip content="用作类描述，例如 用户" placement="top">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
          <el-input v-model="info.functionName" />
        </el-form-item>
      </el-col>
    </el-row>

    <el-row v-show="info.tplCategory == 'tree'">
      <h4 class="form-header">其他信息</h4>
      <el-col :span="12">
        <el-form-item>
          <span slot="label">
            树编码字段
            <el-tooltip content="树显示的编码字段名， 如：dept_id" placement="top">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
          <el-select v-model="info.treeCode" placeholder="请选择">
            <el-option
              v-for="column in info.columns"
              :key="column.columnName"
              :label="column.columnName + '：' + column.columnComment"
              :value="column.columnName"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item>
          <span slot="label">
            树父编码字段
            <el-tooltip content="树显示的父编码字段名， 如：parent_Id" placement="top">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
          <el-select v-model="info.treeParentCode" placeholder="请选择">
            <el-option
              v-for="column in info.columns"
              :key="column.columnName"
              :label="column.columnName + '：' + column.columnComment"
              :value="column.columnName"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item>
          <span slot="label">
            树名称字段
            <el-tooltip content="树节点的显示名称字段名， 如：dept_name" placement="top">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
          <el-select v-model="info.treeName" placeholder="请选择">
            <el-option
              v-for="column in info.columns"
              :key="column.columnName"
              :label="column.columnName + '：' + column.columnComment"
              :value="column.columnName"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>
<script>
export default {
  name: "BasicInfoForm",
  props: {
    info: {
      type: Object,
      default: null
    }
  },
  data() {
    return {
      rules: {
        tplCategory: [
          { required: true, message: "请选择生成模板", trigger: "blur" }
        ],
        packageName: [
          { required: true, message: "请输入生成包路径", trigger: "blur" }
        ],
        moduleName: [
          { required: true, message: "请输入生成模块名", trigger: "blur" }
        ],
        businessName: [
          { required: true, message: "请输入生成业务名", trigger: "blur" }
        ],
        functionName: [
          { required: true, message: "请输入生成功能名", trigger: "blur" }
        ]
      }
    };
  },
  created() {}
};
</script>