|
@@ -1,5 +1,5 @@
|
|
|
import {defineComponent, onMounted, reactive, ref} from "vue";
|
|
|
-import {NButton, NCascader, NForm, NFormItem, NInputNumber, NSpace, useDialog, useMessage} from "naive-ui";
|
|
|
+import {NButton, NCascader, NForm, NFormItem, NInputNumber, NSpace, useMessage} from "naive-ui";
|
|
|
import {musicSheetApplicationExtendCategoryApplicationExtendInfo, musicSheetApplicationExtendUpdate} from "@views/music-library/api";
|
|
|
|
|
|
export default defineComponent({
|
|
@@ -21,6 +21,7 @@ export default defineComponent({
|
|
|
emits: ['close', 'getList'],
|
|
|
setup(props, {slots, attrs, emit}) {
|
|
|
const message = useMessage()
|
|
|
+ const btnLoading = ref(false)
|
|
|
const forms = reactive({
|
|
|
musicSheetCategoryId: null as any,
|
|
|
sortNo: null as any,
|
|
@@ -48,16 +49,23 @@ export default defineComponent({
|
|
|
const onSubmit = async () => {
|
|
|
formsRef.value.validate(async (error: any) => {
|
|
|
if (error) return false
|
|
|
- })
|
|
|
- await musicSheetApplicationExtendUpdate(
|
|
|
- {
|
|
|
- ...forms,
|
|
|
- musicSheetId: state.rowData.id,
|
|
|
- applicationId: props.appId
|
|
|
+ btnLoading.value = true
|
|
|
+ try {
|
|
|
+ const res = await musicSheetApplicationExtendUpdate(
|
|
|
+ {
|
|
|
+ ...forms,
|
|
|
+ musicSheetId: state.rowData.id,
|
|
|
+ applicationId: props.appId
|
|
|
+ }
|
|
|
+ ) as any;
|
|
|
+ if (res && res.code === 200) {
|
|
|
+ emit('close')
|
|
|
+ emit('getList')
|
|
|
}
|
|
|
- );
|
|
|
- emit('close')
|
|
|
- emit('getList')
|
|
|
+ } catch (error) {
|
|
|
+ }
|
|
|
+ btnLoading.value = false
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
return () => {
|
|
@@ -116,7 +124,10 @@ export default defineComponent({
|
|
|
|
|
|
<NSpace justify="end">
|
|
|
<NButton onClick={() => emit('close')}>取消</NButton>
|
|
|
- <NButton type="primary" onClick={onSubmit}>
|
|
|
+ <NButton type="primary" onClick={onSubmit}
|
|
|
+ loading={btnLoading.value}
|
|
|
+ disabled={btnLoading.value}
|
|
|
+ >
|
|
|
保存
|
|
|
</NButton>
|
|
|
</NSpace>
|