mirror of
https://gitee.com/niucloud-team/niucloud.git
synced 2025-12-15 11:02:48 +00:00
134 lines
4.1 KiB
Vue
134 lines
4.1 KiB
Vue
<template>
|
||
<el-dialog v-model="showDialog" :title="t('noticeSetting')" width="550px" :destroy-on-close="true">
|
||
<el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
|
||
<el-form-item :label="t('status')">
|
||
<el-radio-group v-model="formData.is_wechat">
|
||
<el-radio :label="1">{{ t('startUsing') }}</el-radio>
|
||
<el-radio :label="0">{{ t('statusDeactivate') }}</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
|
||
<el-form-item :label="t('name')">
|
||
<div class="input-width">{{ formData.name }} </div>
|
||
</el-form-item>
|
||
|
||
<el-form-item :label="t('tempKey')">
|
||
<div class="input-width">{{ formData.temp_key }} </div>
|
||
</el-form-item>
|
||
|
||
<el-form-item :label="t('keywordNameList')">
|
||
<div class="input-width">{{ formData.keyword_name_list ? formData.keyword_name_list.join('，') : '' }} </div>
|
||
</el-form-item>
|
||
|
||
<!-- <el-form-item :label="t('first')" prop="first">-->
|
||
<!-- <el-input v-model.trim="formData.wechat_first" :placeholder="t('firstPlaceholder')" class="input-width" show-word-limit clearable />-->
|
||
<!-- </el-form-item>-->
|
||
|
||
<el-form-item :label="t('content')">
|
||
<div class="input-width">
|
||
<div v-for="(item, index) in formData.content" :key="index">{{ item[0] }}：{{ item[1] }} </div>
|
||
</div>
|
||
</el-form-item>
|
||
|
||
<!-- <el-form-item :label="t('remark')" prop="remark">-->
|
||
<!-- <el-input v-model.trim="formData.wechat_remark" :placeholder="t('remarkPlaceholder')" class="input-width" show-word-limit clearable />-->
|
||
<!-- </el-form-item>-->
|
||
|
||
</el-form>
|
||
|
||
<template #footer>
|
||
<span class="dialog-footer">
|
||
<el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
|
||
<el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
|
||
</span>
|
||
</template>
|
||
</el-dialog>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { ref, reactive, computed } from 'vue'
|
||
import { t } from '@/lang'
|
||
import type { FormInstance } from 'element-plus'
|
||
import { editNotice } from '@/app/api/notice'
|
||
|
||
const showDialog = ref(false)
|
||
const loading = ref(true)
|
||
|
||
/**
|
||
* 表单数据
|
||
*/
|
||
const initialFormData = {
|
||
is_wechat: 0,
|
||
key: '',
|
||
name: '',
|
||
title: '',
|
||
type: '',
|
||
content: [],
|
||
// first: '',
|
||
// remark: '',
|
||
temp_key: '',
|
||
keyword_name_list: ''
|
||
// wechat_first: '',
|
||
// wechat_remark: ''
|
||
}
|
||
|
||
const formData: Record<string, any> = reactive({ ...initialFormData })
|
||
|
||
const formRef = ref<FormInstance>()
|
||
|
||
// 表单验证规则
|
||
const formRules = computed(() => {
|
||
return {
|
||
|
||
}
|
||
})
|
||
|
||
const emit = defineEmits(['complete'])
|
||
|
||
/**
|
||
* 确认
|
||
* @param formEl
|
||
*/
|
||
const confirm = async (formEl: FormInstance | undefined) => {
|
||
if (loading.value || !formEl) return
|
||
|
||
await formEl.validate(async (valid) => {
|
||
if (valid) {
|
||
loading.value = true
|
||
|
||
const data = formData
|
||
data.status = data.is_wechat
|
||
editNotice(data).then(res => {
|
||
loading.value = false
|
||
showDialog.value = false
|
||
emit('complete')
|
||
}).catch(() => {
|
||
loading.value = false
|
||
// showDialog.value = false
|
||
})
|
||
}
|
||
})
|
||
}
|
||
|
||
const setFormData = async (row: any = null) => {
|
||
loading.value = true
|
||
Object.assign(formData, initialFormData)
|
||
if (row) {
|
||
Object.keys(formData).forEach((key: string) => {
|
||
if (row[key] != undefined) formData[key] = row[key]
|
||
if (row.wechat && row.wechat[key] != undefined) formData[key] = row.wechat[key]
|
||
})
|
||
// if (!row.wechat_first) formData['wechat_first'] = row['first']
|
||
// if (!row.wechat_remark) formData['wechat_remark'] = row['remark']
|
||
}
|
||
loading.value = false
|
||
}
|
||
|
||
defineExpose({
|
||
showDialog,
|
||
setFormData
|
||
})
|
||
</script>
|
||
|
||
<style lang="scss" scoped></style>
|