From 30c1eeca00527a1294c62b1c708edd32ba079b67 Mon Sep 17 00:00:00 2001 From: yinbangzhong <zhongbangyin@126.com> Date: 星期四, 29 八月 2024 17:35:47 +0800 Subject: [PATCH] select role --- src/views/dmx/model/components/addModel.vue | 134 +++++++++++++++++++++++++++----------------- 1 files changed, 83 insertions(+), 51 deletions(-) diff --git a/src/views/dmx/model/components/addModel.vue b/src/views/dmx/model/components/addModel.vue index 35c9ce5..7726ef7 100644 --- a/src/views/dmx/model/components/addModel.vue +++ b/src/views/dmx/model/components/addModel.vue @@ -105,23 +105,22 @@ const visible = ref(false); const loading = ref(false); const form = reactive({ - size: 'medium', - name: '', + size: "medium", + name: "", age: undefined, - section: '0', - province: 'haidian', + section: "0", + province: "haidian", options: [], - date: '', - time: '', - radio: 'radio one', + date: "", + time: "", + radio: "radio one", slider: 5, score: 5, switch: false, - multiSelect: ['section one'], - treeSelect: '', + multiSelect: ["section one"], + treeSelect: "", raptor: false, - prompt: - '璇锋�荤粨浠ヤ笅娈佃惤銆� 灏忓績鏁板瓧锛屼笉瑕佺紪閫犮�� 娈佃惤濡備笅锛歕n' + + prompt: '璇锋�荤粨浠ヤ笅娈佃惤銆� 灏忓績鏁板瓧锛屼笉瑕佺紪閫犮�� 娈佃惤濡備笅锛歕n' + ' {cluster_content}\n' + '浠ヤ笂灏辨槸浣犻渶瑕佹�荤粨鐨勫唴瀹广��', }); @@ -131,61 +130,94 @@ name: [ { required: true, - message: '鍚嶇О涓嶅厑璁镐负绌�', + message:'鍚嶇О涓嶅厑璁镐负绌�', }, ], - }; + } - const handleSubmit = ({ values, errors }) => { - console.log('values:', values, '\nerrors:', errors); - }; + + const handleSubmit = ({values, errors}) => { + console.log('values:', values, '\nerrors:', errors) + } const handleClick = () => { visible.value = true; }; const handleBeforeOk = (done) => { - formRef.value.validate().then((res) => { - console.log('form:', form); - if (!form.name) { - done(false); - } else { - console.log('璇锋眰鏁版嵁'); - } - }); + formRef.value.validate().then(res => { + console.log('form:', form) + if (!form.name) { + done(false) + }else { + console.log('璇锋眰鏁版嵁'); + } + }) }; const handleCancel = () => { visible.value = false; - }; + } - const handleOpened = (el) => { - Object.assign(form, { - name: '', // 鐢ㄦ埛鍚� - nameJoin: '', // 鏄电О - post: '', // 宀椾綅 - txt: '', // 澶囨敞 + const handleOpened =(el) => { + Object.assign(form,{ + name: '',// 鐢ㄦ埛鍚� + nameJoin: '',// 鏄电О + post: '',// 宀椾綅 + txt: '',// 澶囨敞 }); - formRef.value.resetFields(); - }; + const formRef = ref(null); - const file = ref(); - - const onChange = (_, currentFile) => { - file.value = { - ...currentFile, - // url: URL.createObjectURL(currentFile.file), + const rules = { + name: [ + { + required: true, + message: '鍚嶇О涓嶅厑璁镐负绌�', + }, + ], }; - }; - const onProgress = (currentFile) => { - file.value = currentFile; - }; - onBeforeMount(() => {}); - onMounted(() => {}); -</script> + const handleSubmit = ({ values, errors }) => { + console.log('values:', values, '\nerrors:', errors); + }; -<script lang="ts"> - export default { - name: 'add', - methods: {}, - }; + const handleClick = () => { + visible.value = true; + }; + const handleBeforeOk = (done) => { + formRef.value.validate().then((res) => { + console.log('form:', form); + if (!form.name) { + done(false); + } else { + console.log('璇锋眰鏁版嵁'); + } + }); + }; + const handleCancel = () => { + visible.value = false; + }; + + const handleOpened = (el) => { + Object.assign(form, { + name: '', // 鐢ㄦ埛鍚� + nameJoin: '', // 鏄电О + post: '', // 宀椾綅 + txt: '', // 澶囨敞 + }); + formRef.value.resetFields(); + }; + + const file = ref(); + + const onChange = (_, currentFile) => { + file.value = { + ...currentFile, + // url: URL.createObjectURL(currentFile.file), + }; + }; + const onProgress = (currentFile) => { + file.value = currentFile; + }; + + onBeforeMount(() => {}); + onMounted(() => {}); </script> -- Gitblit v1.8.0