fix: cron组件中周回显bug

fuzui

2021-12-16 43d76e599091dc6b79b51f89c79514b50e33ea35

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

@@ -4,13 +4,13 @@
      <el-col :span="12">

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

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

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

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

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

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

            <el-option label="主子表（增删改查）" value="sub" />

          </el-select>

        </el-form-item>

      </el-col>



      <el-col :span="12">

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

          <span slot="label">

@@ -126,8 +126,8 @@
          </span>

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

            <el-option

              v-for="column in info.columns"

              :key="column.columnName"

              v-for="(column, index) in info.columns"

              :key="index"

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

              :value="column.columnName"

            ></el-option>

@@ -144,8 +144,8 @@
          </span>

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

            <el-option

              v-for="column in info.columns"

              :key="column.columnName"

              v-for="(column, index) in info.columns"

              :key="index"

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

              :value="column.columnName"

            ></el-option>

@@ -162,8 +162,47 @@
          </span>

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

            <el-option

              v-for="column in info.columns"

              :key="column.columnName"

              v-for="(column, index) in info.columns"

              :key="index"

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

              :value="column.columnName"

            ></el-option>

          </el-select>

        </el-form-item>

      </el-col>

    </el-row>

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

      <h4 class="form-header">关联信息</h4>

      <el-col :span="12">

        <el-form-item>

          <span slot="label">

            关联子表的表名

            <el-tooltip content="关联子表的表名， 如：sys_user" placement="top">

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

            </el-tooltip>

          </span>

          <el-select v-model="info.subTableName" placeholder="请选择" @change="subSelectChange">

            <el-option

              v-for="(table, index) in tables"

              :key="index"

              :label="table.tableName + '：' + table.tableComment"

              :value="table.tableName"

            ></el-option>

          </el-select>

        </el-form-item>

      </el-col>

      <el-col :span="12">

        <el-form-item>

          <span slot="label">

            子表关联的外键名

            <el-tooltip content="子表关联的外键名， 如：user_id" placement="top">

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

            </el-tooltip>

          </span>

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

            <el-option

              v-for="(column, index) in subColumns"

              :key="index"

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

              :value="column.columnName"

            ></el-option>

@@ -173,16 +212,20 @@
    </el-row>

  </el-form>

</template>



<script>

import Treeselect from "@riophae/vue-treeselect";

import "@riophae/vue-treeselect/dist/vue-treeselect.css";



export default {

  name: "BasicInfoForm",

  components: { Treeselect },

  props: {

    info: {

      type: Object,

      default: null

    },

    tables: {

      type: Array,

      default: null

    },

    menus: {

@@ -192,6 +235,7 @@
  },

  data() {

    return {

      subColumns: [],

      rules: {

        tplCategory: [

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

@@ -212,6 +256,11 @@
    };

  },

  created() {},

  watch: {

    'info.subTableName': function(val) {

      this.setSubTableColumns(val);

    }

  },

  methods: {

    /** 转换菜单数据结构 */

    normalizer(node) {

@@ -223,6 +272,27 @@
        label: node.menuName,

        children: node.children

      };

    },

    /** 选择子表名触发 */

    subSelectChange(value) {

      this.info.subTableFkName = '';

    },

    /** 选择生成模板触发 */

    tplSelectChange(value) {

      if(value !== 'sub') {

        this.info.subTableName = '';

        this.info.subTableFkName = '';

      }

    },

    /** 设置关联外键 */

    setSubTableColumns(value) {

      for (var item in this.tables) {

        const name = this.tables[item].tableName;

        if (value === name) {

          this.subColumns = this.tables[item].columns;

          break;

        }

      }

    }

  }

};