smart-search-web/src/views/manage/system/user/detail.vue

<template>
  <CusDialog
    :show="show"
    :title="titleCpt"
    @onClose="$emit('update:show', false)"
    width="400px"
    height="auto"
    @onSubmit="onSubmit"
    :loading="state.loading"
  >
    <div class="__cus-dialog-form">
      <CusForm ref="ref_form" label-width="80">
        <CusFormColumn
          :span="24"
          required
          label="账号"
          v-model:param="state.form.indexName"
        />
        <CusFormColumn
          :span="24"
          required
          label="用户名"
          v-model:param="state.form.indexName"
        />
        <CusFormColumn
          :span="24"
          required
          label="状态"
          v-model:param="state.form.shareMethod"
          link="select"
          :options="DictionaryStore.gxMethodList"
        />
      </CusForm>
    </div>
  </CusDialog>
</template>

<script setup lang="ts">
import {computed, getCurrentInstance, nextTick, reactive, ref, watch} from "vue";
import {useDictionaryStore} from "@/stores";
import {ElMessage, ElMessageBox} from "element-plus";

const emit = defineEmits(['update:show', 'refresh'])
const {proxy} = getCurrentInstance()
const DictionaryStore = useDictionaryStore()
const props = defineProps({
  show: {default: false},
  transfer: {}
 })
const state: any = reactive({
  form: {},
  loading: false
})
const ref_form = ref()
const titleCpt = computed(() => {
  let t = ''
  switch (props.transfer.mode) {
    case 'add': t = '新增用户'
      break
    case 'edit': t = '编辑用户'
      break
  }
  return t
})
const onSubmit = () => {
  ref_form.value.submit().then(() => {
    ElMessageBox.confirm("是否提交?", "提示", {
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      type: "warning",
    } as any).then(() => {
      // state.loading = true
      // sysIndexSaveOrUpdate(state.form).then(res => {
      //   if (res.code === 200) {
      //     ElMessage.success(props.transfer.mode === 'add' ? '新增成功！' : '编辑成功！')
      //     emit('update:show', false)
      //     emit('refresh')
      //   } else {
      //     ElMessage.error(res.msg)
      //   }
      //   state.loading = false
      // })
    }).catch(() => {})
  }).catch((e) => {
    ElMessage({
      message: e[0].message,
      grouping: true,
      type: 'warning',
    })
  })
}
const initDetail = () => {
  // state.loading = true
  // sysIndexGetDetail(props.transfer.id).then(res => {
  //   if (res.code === 200) {
  //     state.form = res.data
  //     state.loading = false
  //   } else {
  //     ElMessage.error(res.msg)
  //   }
  // })
}
watch(() => props.show, (n) => {
  if (n) {
    initDictionary()
    if (props.transfer.mode === 'add') {
      state.form = {}
    } else {
      initDetail()
    }
    nextTick(() => {
      ref_form.value.reset()
    })
  }
})
const initDictionary = () => {
  DictionaryStore.initDict('gx_method')
}
</script>

<style lang="scss" scoped>
</style>