From 8a1c08baaf0ee002b471996b195e7da180b90209 Mon Sep 17 00:00:00 2001 From: feige <791364011@qq.com> Date: 星期一, 21 七月 2025 09:38:47 +0800 Subject: [PATCH] 增加了前端代码库 --- src/views/tool/build/CodeTypeDialog.vue | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 106 insertions(+), 0 deletions(-) diff --git a/src/views/tool/build/CodeTypeDialog.vue b/src/views/tool/build/CodeTypeDialog.vue new file mode 100644 index 0000000..b5c2e2e --- /dev/null +++ b/src/views/tool/build/CodeTypeDialog.vue @@ -0,0 +1,106 @@ +<template> + <div> + <el-dialog + v-bind="$attrs" + width="500px" + :close-on-click-modal="false" + :modal-append-to-body="false" + v-on="$listeners" + @open="onOpen" + @close="onClose" + > + <el-row :gutter="15"> + <el-form + ref="elForm" + :model="formData" + :rules="rules" + size="medium" + label-width="100px" + > + <el-col :span="24"> + <el-form-item label="鐢熸垚绫诲瀷" prop="type"> + <el-radio-group v-model="formData.type"> + <el-radio-button + v-for="(item, index) in typeOptions" + :key="index" + :label="item.value" + :disabled="item.disabled" + > + {{ item.label }} + </el-radio-button> + </el-radio-group> + </el-form-item> + <el-form-item v-if="showFileName" label="鏂囦欢鍚�" prop="fileName"> + <el-input v-model="formData.fileName" placeholder="璇疯緭鍏ユ枃浠跺悕" clearable /> + </el-form-item> + </el-col> + </el-form> + </el-row> + + <div slot="footer"> + <el-button @click="close"> + 鍙栨秷 + </el-button> + <el-button type="primary" @click="handleConfirm"> + 纭畾 + </el-button> + </div> + </el-dialog> + </div> +</template> +<script> +export default { + inheritAttrs: false, + props: ['showFileName'], + data() { + return { + formData: { + fileName: undefined, + type: 'file' + }, + rules: { + fileName: [{ + required: true, + message: '璇疯緭鍏ユ枃浠跺悕', + trigger: 'blur' + }], + type: [{ + required: true, + message: '鐢熸垚绫诲瀷涓嶈兘涓虹┖', + trigger: 'change' + }] + }, + typeOptions: [{ + label: '椤甸潰', + value: 'file' + }, { + label: '寮圭獥', + value: 'dialog' + }] + } + }, + computed: { + }, + watch: {}, + mounted() {}, + methods: { + onOpen() { + if (this.showFileName) { + this.formData.fileName = `${+new Date()}.vue` + } + }, + onClose() { + }, + close(e) { + this.$emit('update:visible', false) + }, + handleConfirm() { + this.$refs.elForm.validate(valid => { + if (!valid) return + this.$emit('confirm', { ...this.formData }) + this.close() + }) + } + } +} +</script> -- Gitblit v1.9.1