代码生成支持选择前端模板类型

RuoYi

2023-11-30 51db1ec865be5943eef7c22fd9d5cac137f57d10

代码生成支持选择前端模板类型

 src/views/tool/gen/genInfoForm.vue

@@ -13,6 +13,16 @@
      </el-col>



      <el-col :span="12">

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

          <template #label>前端类型</template>

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

            <el-option label="Vue2 Element UI 模版" value="element-ui" />

            <el-option label="Vue3 Element Plus 模版" value="element-plus" />

          </el-select>

        </el-form-item>

      </el-col>



      <el-col :span="12">

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

          <template #label>

            生成包路径

@@ -61,6 +71,19 @@
      </el-col>



      <el-col :span="12">

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

          <template #label>

            生成代码方式

            <el-tooltip content="默认为zip压缩包下载，也可以自定义生成路径" placement="top">

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-radio v-model="info.genType" label="0">zip压缩包</el-radio>

          <el-radio v-model="info.genType" label="1">自定义路径</el-radio>

        </el-form-item>

      </el-col>



      <el-col :span="12">

        <el-form-item>

          <template #label>

            上级菜单

@@ -74,19 +97,6 @@
            :objMap="{ value: 'menuId', label: 'menuName', children: 'children' }"

            placeholder="请选择系统菜单"

          />

        </el-form-item>

      </el-col>



      <el-col :span="12">

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

          <template #label>

            生成代码方式

            <el-tooltip content="默认为zip压缩包下载，也可以自定义生成路径" placement="top">

              <el-icon><question-filled /></el-icon>

            </el-tooltip>

          </template>

          <el-radio v-model="info.genType" label="0">zip压缩包</el-radio>

          <el-radio v-model="info.genType" label="1">自定义路径</el-radio>

        </el-form-item>

      </el-col>



@@ -277,5 +287,11 @@
  setSubTableColumns(val);

});



watch(() => props.info.tplWebType, val => {

  if (val === '') {

    props.info.tplWebType = "element-plus";

  }

});



getMenuTreeselect();

</script>