wr1207
2023-04-17 32e4bad2cff2793052effcd2d59cdd8923702b22
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<template>
    <div>
        <el-dialog title="修改" width="600px" class="icon-dialog" :visible.sync="show" @open="open" :before-close="closeForm" append-to-body>
            <el-form :size="size" ref="form" :model="form" :rules="rules" :label-width="$store.getters.device == 'mobile'?'90px':'16%'">
                <el-row >
                    <el-col :span="24">
                        <el-form-item label="chat_id" prop="chat_id">
                            <select-page v-if="show" url="/admin/Message/getChat_id" :selectval.sync="form.chat_id"></select-page>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col :span="24">
                        <el-form-item label="消息内容" prop="content">
                            <el-input  type="textarea" autoComplete="off" v-model="form.content"  :autosize="{ minRows: 2, maxRows: 4}" clearable placeholder="请输入消息内容"/>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col :span="24">
                        <el-form-item label="role" prop="role">
                            <el-input  v-model="form.role" autoComplete="off" clearable  placeholder="system、user、assistant"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col :span="24">
                        <el-form-item label="openai_api_id" prop="openai_api_id">
                            <el-input  v-model="form.openai_api_id" autoComplete="off" clearable  placeholder="请输入openai_api_id"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col :span="24">
                        <el-form-item label="finish_reason" prop="finish_reason">
                            <el-input  v-model="form.finish_reason" autoComplete="off" clearable  placeholder="请输入finish_reason"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col :span="24">
                        <el-form-item label="响应全文" prop="response">
                            <el-input  type="textarea" autoComplete="off" v-model="form.response"  :autosize="{ minRows: 2, maxRows: 4}" clearable placeholder="请输入响应全文"/>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col :span="24">
                        <el-form-item label="创建时间" prop="create_time">
                            <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" type="datetime" v-model="form.create_time" clearable placeholder="请输入创建时间"></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col :span="24">
                        <el-form-item label="status" prop="status">
                            <el-radio-group v-model="form.status">
                                <el-radio :label="1">正常</el-radio>
                                <el-radio :label="0">失败</el-radio>
                                <el-radio :label="2">回复中</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button :size="size" :loading="loading" type="primary" @click="submit" >
                    <span v-if="!loading">确 定</span>
                    <span v-else>提 交 中...</span>
                </el-button>
                <el-button :size="size" @click="closeForm">取 消</el-button>
            </div>
        </el-dialog>
    </div>
</template>
 
<script>
import SelectPage from '@/components/common/SelectPage.vue'
export default {
    components:{
        SelectPage,
    },
    props: {
        show: {
            type: Boolean,
            default: false
        },
        size: {
            type: String,
            default: 'small'
        },
        info: {
            type: Object,
        },
    },
    data(){
        return {
            form: {
                chat_id:'',
                content:'',
                role:'',
                openai_api_id:'',
                finish_reason:'',
                response:'',
                create_time:'',
                status:2,
            },
            loading:false,
            rules: {
                chat_id:[
                    {required: true, message: 'chat_id不能为空', trigger: ''},
                ],
            }
        }
    },
    methods: {
        open(){
            this.form = this.info
            this.form.create_time = this.parseTime(this.form.create_time)
        },
        submit(){
            this.$refs['form'].validate(valid => {
                if(valid) {
                    this.loading = true
                    this.$axios.post('/admin/Message/update',this.form).then(res => {
                        if(res.data.status == 200){
                            this.$message({message: res.data.msg, type: 'success'})
                            this.$emit('refesh_list')
                            this.closeForm()
                        }else{
                            this.loading = false
                            this.$message.error(res.data.msg)
                        }
                    }).catch(()=>{
                        this.loading = false
                    })
                }
            })
        },
        closeForm(){
            this.$emit('update:show', false)
            this.loading = false
            if (this.$refs['form']!==undefined) {
                this.$refs['form'].resetFields()
            }
        },
    }
}
</script>
 
<style  lang="scss">
@import '@/assets/scss/common.scss'
</style>