|
@@ -2,14 +2,14 @@ |
|
@@ -2,14 +2,14 @@ |
|
2
|
<el-contaier>
|
2
|
<el-contaier>
|
|
3
|
<el-row>
|
3
|
<el-row>
|
|
4
|
<el-col :span="5">
|
4
|
<el-col :span="5">
|
|
5
|
- <el-input v-model="name" placeholder="任务名称" style="width: 200px"></el-input>
|
5
|
+ <el-input v-model="name" placeholder="任务分类" style="width: 200px"></el-input>
|
|
6
|
</el-col>
|
6
|
</el-col>
|
|
7
|
<el-col :span="5">
|
7
|
<el-col :span="5">
|
|
8
|
- <el-input v-model="cateId" placeholder="任务分类" style="width: 200px"></el-input>
|
8
|
+ <el-input v-model="cateId" placeholder="任务名称" style="width: 200px"></el-input>
|
|
9
|
</el-col>
|
9
|
</el-col>
|
|
10
|
|
10
|
|
|
11
|
<el-col :span="6">
|
11
|
<el-col :span="6">
|
|
12
|
- <el-button type="primary" size="mini" @click="add()">查询</el-button>
|
12
|
+ <el-button type="primary" size="mini" @click="getTaskManageList()">查询</el-button>
|
|
13
|
<el-button type="success" size="mini" @click="add()">新增</el-button>
|
13
|
<el-button type="success" size="mini" @click="add()">新增</el-button>
|
|
14
|
</el-col>
|
14
|
</el-col>
|
|
15
|
</el-row>
|
15
|
</el-row>
|
|
@@ -18,38 +18,62 @@ |
|
@@ -18,38 +18,62 @@ |
|
18
|
<el-table
|
18
|
<el-table
|
|
19
|
:data="tableData"
|
19
|
:data="tableData"
|
|
20
|
border
|
20
|
border
|
|
21
|
- style="width: 100%">
|
21
|
+ style="width: 100%"
|
|
|
|
22
|
+ height="500">
|
|
|
|
23
|
+<!-- <el-table-column-->
|
|
|
|
24
|
+<!-- fixed-->
|
|
|
|
25
|
+<!-- prop="id"-->
|
|
|
|
26
|
+<!-- label="代码"-->
|
|
|
|
27
|
+<!-- width="150">-->
|
|
|
|
28
|
+<!-- </el-table-column>-->
|
|
22
|
<el-table-column
|
29
|
<el-table-column
|
|
23
|
- fixed
|
|
|
|
24
|
- prop="date"
|
|
|
|
25
|
- label="日期"
|
|
|
|
26
|
- width="150">
|
30
|
+ prop="name"
|
|
|
|
31
|
+ label="名称"
|
|
|
|
32
|
+ width="150"
|
|
|
|
33
|
+ show-overflow-tooltip>
|
|
27
|
</el-table-column>
|
34
|
</el-table-column>
|
|
28
|
<el-table-column
|
35
|
<el-table-column
|
|
29
|
- prop="name"
|
|
|
|
30
|
- label="姓名"
|
|
|
|
31
|
- width="120">
|
36
|
+ prop="cateId"
|
|
|
|
37
|
+ label="分类"
|
|
|
|
38
|
+ width="50"
|
|
|
|
39
|
+ show-overflow-tooltip>
|
|
32
|
</el-table-column>
|
40
|
</el-table-column>
|
|
33
|
<el-table-column
|
41
|
<el-table-column
|
|
34
|
- prop="province"
|
|
|
|
35
|
- label="省份"
|
|
|
|
36
|
- width="120">
|
42
|
+ prop="dateRule"
|
|
|
|
43
|
+ label="日期规则"
|
|
|
|
44
|
+ width="300"
|
|
|
|
45
|
+ show-overflow-tooltip>
|
|
37
|
</el-table-column>
|
46
|
</el-table-column>
|
|
38
|
<el-table-column
|
47
|
<el-table-column
|
|
39
|
- prop="city"
|
|
|
|
40
|
- label="市区"
|
|
|
|
41
|
- width="120">
|
48
|
+ prop="form"
|
|
|
|
49
|
+ label="表单"
|
|
|
|
50
|
+ width="300"
|
|
|
|
51
|
+ show-overflow-tooltip>
|
|
42
|
</el-table-column>
|
52
|
</el-table-column>
|
|
43
|
<el-table-column
|
53
|
<el-table-column
|
|
44
|
- prop="address"
|
|
|
|
45
|
- label="地址"
|
|
|
|
46
|
- width="300">
|
54
|
+ prop="creator"
|
|
|
|
55
|
+ label="创建者"
|
|
|
|
56
|
+ width="80"
|
|
|
|
57
|
+ show-overflow-tooltip>
|
|
47
|
</el-table-column>
|
58
|
</el-table-column>
|
|
48
|
<el-table-column
|
59
|
<el-table-column
|
|
49
|
- prop="zip"
|
|
|
|
50
|
- label="邮编"
|
|
|
|
51
|
- width="120">
|
60
|
+ prop="creatorId"
|
|
|
|
61
|
+ label="创建者Id"
|
|
|
|
62
|
+ width="80"
|
|
|
|
63
|
+ show-overflow-tooltip>
|
|
52
|
</el-table-column>
|
64
|
</el-table-column>
|
|
|
|
65
|
+ <el-table-column
|
|
|
|
66
|
+ prop="createTime"
|
|
|
|
67
|
+ label="创建时间"
|
|
|
|
68
|
+ width="120"
|
|
|
|
69
|
+ show-overflow-tooltip>
|
|
|
|
70
|
+ </el-table-column>
|
|
|
|
71
|
+ <el-table-column
|
|
|
|
72
|
+ prop="updateTime"
|
|
|
|
73
|
+ label="更新时间"
|
|
|
|
74
|
+ width="120"
|
|
|
|
75
|
+ show-overflow-tooltip>
|
|
|
|
76
|
+ </el-table-column>
|
|
53
|
<el-table-column
|
77
|
<el-table-column
|
|
54
|
fixed="right"
|
78
|
fixed="right"
|
|
55
|
label="操作"
|
79
|
label="操作"
|
|
@@ -86,6 +110,35 @@ |
|
@@ -86,6 +110,35 @@ |
|
86
|
<el-form-item label="任务名称" prop="name">
|
110
|
<el-form-item label="任务名称" prop="name">
|
|
87
|
<el-input v-model="ruleForm.name"></el-input>
|
111
|
<el-input v-model="ruleForm.name"></el-input>
|
|
88
|
</el-form-item>
|
112
|
</el-form-item>
|
|
|
|
113
|
+ <el-form-item label="任务分类" prop="cateId">
|
|
|
|
114
|
+ <el-input v-model="ruleForm.cateId"></el-input>
|
|
|
|
115
|
+ </el-form-item>
|
|
|
|
116
|
+ <el-form-item label="日期规则" prop="dateRule">
|
|
|
|
117
|
+ <el-input v-model="ruleForm.dateRule"></el-input>
|
|
|
|
118
|
+ </el-form-item>
|
|
|
|
119
|
+ <el-form-item label="表单" prop="form">
|
|
|
|
120
|
+ <el-input v-model="ruleForm.form"></el-input>
|
|
|
|
121
|
+ </el-form-item>
|
|
|
|
122
|
+ <el-form-item label="创建者" prop="creator">
|
|
|
|
123
|
+ <el-input v-model="ruleForm.creator"></el-input>
|
|
|
|
124
|
+ </el-form-item>
|
|
|
|
125
|
+ <el-form-item label="创建者Id" prop="creatorId">
|
|
|
|
126
|
+ <el-input v-model="ruleForm.creatorId"></el-input>
|
|
|
|
127
|
+ </el-form-item>
|
|
|
|
128
|
+ <el-form-item label="创建时间" prop="createTime">
|
|
|
|
129
|
+ <el-input
|
|
|
|
130
|
+ v-model="ruleForm.createTime"
|
|
|
|
131
|
+ readonly
|
|
|
|
132
|
+ disabled
|
|
|
|
133
|
+ ></el-input>
|
|
|
|
134
|
+ </el-form-item>
|
|
|
|
135
|
+ <el-form-item label="更新时间" prop="updateTime">
|
|
|
|
136
|
+ <el-input
|
|
|
|
137
|
+ v-model="ruleForm.updateTime"
|
|
|
|
138
|
+ readonly
|
|
|
|
139
|
+ disabled
|
|
|
|
140
|
+ ></el-input>
|
|
|
|
141
|
+ </el-form-item>
|
|
89
|
<el-form-item>
|
142
|
<el-form-item>
|
|
90
|
<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
|
143
|
<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
|
|
91
|
<el-button @click="resetForm('ruleForm')">取消</el-button>
|
144
|
<el-button @click="resetForm('ruleForm')">取消</el-button>
|
|
@@ -114,48 +167,37 @@ |
|
@@ -114,48 +167,37 @@ |
|
114
|
|
167
|
|
|
115
|
<script>
|
168
|
<script>
|
|
116
|
|
169
|
|
|
|
|
170
|
+import {getCategoryList, getTaskManageList, updateTaskManage, addTaskManage, delTaskManage} from "../../../api/AiCustoms/CustomsTask";
|
|
|
|
171
|
+
|
|
117
|
export default {
|
172
|
export default {
|
|
118
|
data() {
|
173
|
data() {
|
|
119
|
return {
|
174
|
return {
|
|
120
|
- tableData: [
|
|
|
|
121
|
- {
|
|
|
|
122
|
- date: '2016-05-02',
|
|
|
|
123
|
- name: '王小虎',
|
|
|
|
124
|
- province: '上海',
|
|
|
|
125
|
- city: '普陀区',
|
|
|
|
126
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
|
127
|
- zip: 200333
|
|
|
|
128
|
- }, {
|
|
|
|
129
|
- date: '2016-05-04',
|
|
|
|
130
|
- name: '王小虎',
|
|
|
|
131
|
- province: '上海',
|
|
|
|
132
|
- city: '普陀区',
|
|
|
|
133
|
- address: '上海市普陀区金沙江路 1517 弄',
|
|
|
|
134
|
- zip: 200333
|
|
|
|
135
|
- }, {
|
|
|
|
136
|
- date: '2016-05-01',
|
|
|
|
137
|
- name: '王小虎',
|
|
|
|
138
|
- province: '上海',
|
|
|
|
139
|
- city: '普陀区',
|
|
|
|
140
|
- address: '上海市普陀区金沙江路 1519 弄',
|
|
|
|
141
|
- zip: 200333
|
|
|
|
142
|
- }, {
|
|
|
|
143
|
- date: '2016-05-03',
|
|
|
|
144
|
- name: '王小虎',
|
|
|
|
145
|
- province: '上海',
|
|
|
|
146
|
- city: '普陀区',
|
|
|
|
147
|
- address: '上海市普陀区金沙江路 1516 弄',
|
|
|
|
148
|
- zip: 200333
|
|
|
|
149
|
- }],
|
175
|
+ tableData: [],
|
|
150
|
dialogVisible:false,
|
176
|
dialogVisible:false,
|
|
151
|
ruleForm:{
|
177
|
ruleForm:{
|
|
152
|
id:'',
|
178
|
id:'',
|
|
153
|
- name:''
|
179
|
+ name:'',
|
|
|
|
180
|
+ cateId:'',
|
|
|
|
181
|
+ dateRule:'',
|
|
|
|
182
|
+ form:'',
|
|
|
|
183
|
+ creator:'',
|
|
|
|
184
|
+ creatorId:'',
|
|
|
|
185
|
+ createTime:'',
|
|
|
|
186
|
+ updateTime:''
|
|
154
|
},
|
187
|
},
|
|
155
|
rules:{
|
188
|
rules:{
|
|
156
|
name: [
|
189
|
name: [
|
|
157
|
{ required: true, message: '请输入任务名称', trigger: 'blur' },
|
190
|
{ required: true, message: '请输入任务名称', trigger: 'blur' },
|
|
158
|
{ min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
191
|
{ min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
|
|
|
|
192
|
+ ],
|
|
|
|
193
|
+ cateId: [
|
|
|
|
194
|
+ { required: true, message: '请输入任务分类', trigger: 'blur' }
|
|
|
|
195
|
+ ],
|
|
|
|
196
|
+ dateRule: [
|
|
|
|
197
|
+ { required: true, message: '请输入日期规则', trigger: 'blur' }
|
|
|
|
198
|
+ ],
|
|
|
|
199
|
+ form: [
|
|
|
|
200
|
+ { required: true, message: '请输入表单', trigger: 'blur' }
|
|
159
|
]
|
201
|
]
|
|
160
|
},
|
202
|
},
|
|
161
|
dialogMap: {
|
203
|
dialogMap: {
|
|
@@ -170,24 +212,103 @@ |
|
@@ -170,24 +212,103 @@ |
|
170
|
cateId:''
|
212
|
cateId:''
|
|
171
|
}
|
213
|
}
|
|
172
|
},
|
214
|
},
|
|
|
|
215
|
+
|
|
|
|
216
|
+ mounted() {
|
|
|
|
217
|
+ this.getTaskManageList();
|
|
|
|
218
|
+
|
|
|
|
219
|
+ // // 使用 $nextTick 确保 DOM 渲染完成后再加载脚本
|
|
|
|
220
|
+ // this.$nextTick(() => {
|
|
|
|
221
|
+ // // 添加 Dify Chatbot 配置
|
|
|
|
222
|
+ // window.difyChatbotConfig = {
|
|
|
|
223
|
+ // token: 'VrcUZBXmDOhvn7SQ',
|
|
|
|
224
|
+ // baseUrl: 'http://ai.15miaoo.com:17999',
|
|
|
|
225
|
+ // systemVariables: {
|
|
|
|
226
|
+ // // user_id: 'YOU CAN DEFINE USER ID HERE',
|
|
|
|
227
|
+ // },
|
|
|
|
228
|
+ // };
|
|
|
|
229
|
+ //
|
|
|
|
230
|
+ // // 动态加载脚本
|
|
|
|
231
|
+ // this.loadDifyScript();
|
|
|
|
232
|
+ // });
|
|
|
|
233
|
+ },
|
|
|
|
234
|
+
|
|
|
|
235
|
+ // // 添加 beforeDestroy 钩子来清理资源
|
|
|
|
236
|
+ // beforeDestroy() {
|
|
|
|
237
|
+ // // 移除聊天机器人相关的DOM元素
|
|
|
|
238
|
+ // const chatbotElements = [
|
|
|
|
239
|
+ // document.getElementById('dify-chatbot-bubble-button'),
|
|
|
|
240
|
+ // document.getElementById('dify-chatbot-bubble-window'),
|
|
|
|
241
|
+ // document.getElementById('VrcUZBXmDOhvn7SQ')
|
|
|
|
242
|
+ // ];
|
|
|
|
243
|
+ //
|
|
|
|
244
|
+ // chatbotElements.forEach(element => {
|
|
|
|
245
|
+ // if (element && element.parentNode) {
|
|
|
|
246
|
+ // element.parentNode.removeChild(element);
|
|
|
|
247
|
+ // }
|
|
|
|
248
|
+ // });
|
|
|
|
249
|
+ //
|
|
|
|
250
|
+ // // 清理可能存在的全局配置
|
|
|
|
251
|
+ // if (window.difyChatbotConfig) {
|
|
|
|
252
|
+ // delete window.difyChatbotConfig;
|
|
|
|
253
|
+ // }
|
|
|
|
254
|
+ // },
|
|
|
|
255
|
+
|
|
173
|
methods: {
|
256
|
methods: {
|
|
|
|
257
|
+ getTaskManageList() {
|
|
|
|
258
|
+ getTaskManageList({name:this.name,cateId:this.cateId,page:this.page,pageSize:this.pageSize}).then((response) => {
|
|
|
|
259
|
+ console.log(this.page)
|
|
|
|
260
|
+ console.log(this.pageSize)
|
|
|
|
261
|
+ const code = response.data.code;
|
|
|
|
262
|
+ if (code != 200){
|
|
|
|
263
|
+ return this.$message.error('获取任务列表失败!')
|
|
|
|
264
|
+ }
|
|
|
|
265
|
+ this.tableData = response.data.data.rows;
|
|
|
|
266
|
+ this.total = response.data.data.total;
|
|
|
|
267
|
+ this.$message.success('获取任务列表成功!')
|
|
|
|
268
|
+ }).catch(erroe => {
|
|
|
|
269
|
+ this.$message.error(erroe.toString())
|
|
|
|
270
|
+ })
|
|
|
|
271
|
+ },
|
|
174
|
handleSizeChange(val) {
|
272
|
handleSizeChange(val) {
|
|
175
|
console.log(`每页 ${val} 条`);
|
273
|
console.log(`每页 ${val} 条`);
|
|
|
|
274
|
+ this.pageSize=val;
|
|
|
|
275
|
+ this.getTaskManageList();
|
|
176
|
},
|
276
|
},
|
|
177
|
handleCurrentChange(val) {
|
277
|
handleCurrentChange(val) {
|
|
178
|
console.log(`当前页: ${val}`);
|
278
|
console.log(`当前页: ${val}`);
|
|
|
|
279
|
+ this.page=val;
|
|
|
|
280
|
+ this.getTaskManageList();
|
|
179
|
},
|
281
|
},
|
|
180
|
handleClick(row) {
|
282
|
handleClick(row) {
|
|
|
|
283
|
+ this.ruleForm=JSON.parse(JSON.stringify(row));
|
|
181
|
this.dialogApply='update';
|
284
|
this.dialogApply='update';
|
|
182
|
this.dialogVisible=true;
|
285
|
this.dialogVisible=true;
|
|
183
|
},
|
286
|
},
|
|
184
|
submitForm(formName) {
|
287
|
submitForm(formName) {
|
|
185
|
- this.$refs[formName].validate((valid) => {
|
|
|
|
186
|
- if (valid) {
|
|
|
|
187
|
- alert('submit!');
|
|
|
|
188
|
- } else {
|
|
|
|
189
|
- console.log('error submit!!');
|
|
|
|
190
|
- return false;
|
288
|
+ this.$refs[formName].validate(async (valid) => {
|
|
|
|
289
|
+ if (!valid){
|
|
|
|
290
|
+ console.log('error submit!!');
|
|
|
|
291
|
+ return false;
|
|
|
|
292
|
+ }
|
|
|
|
293
|
+ try {
|
|
|
|
294
|
+ let response;
|
|
|
|
295
|
+ if (this.dialogApply === 'create'){
|
|
|
|
296
|
+ response = await addTaskManage(this.ruleForm);
|
|
|
|
297
|
+ } else if (this.dialogApply === 'update'){
|
|
|
|
298
|
+ response = await updateTaskManage(this.ruleForm);
|
|
|
|
299
|
+ }
|
|
|
|
300
|
+ const code = response.data.code;
|
|
|
|
301
|
+ if (code !== 200){
|
|
|
|
302
|
+ this.$message.error(this.dialogApply === 'create' ? '新增失败!' : '更新失败!')
|
|
|
|
303
|
+ return;
|
|
|
|
304
|
+ }
|
|
|
|
305
|
+ this.$message.success(this.dialogApply === 'create' ? '新增成功!' : '更新成功!')
|
|
|
|
306
|
+ this.dialogVisible=false;
|
|
|
|
307
|
+ this.name = this.ruleForm.name;
|
|
|
|
308
|
+ this.cateId = this.ruleForm.cateId;
|
|
|
|
309
|
+ this.getTaskManageList();
|
|
|
|
310
|
+ } catch (error) {
|
|
|
|
311
|
+ this.$message.error(error.toString())
|
|
191
|
}
|
312
|
}
|
|
192
|
});
|
313
|
});
|
|
193
|
},
|
314
|
},
|
|
@@ -203,7 +324,7 @@ |
|
@@ -203,7 +324,7 @@ |
|
203
|
.catch(_ => {});
|
324
|
.catch(_ => {});
|
|
204
|
},
|
325
|
},
|
|
205
|
// 删除
|
326
|
// 删除
|
|
206
|
- applyDel(index, row) {
|
327
|
+ applyDel(row) {
|
|
207
|
// 弹框询问是否删除?
|
328
|
// 弹框询问是否删除?
|
|
208
|
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
|
329
|
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
|
|
209
|
confirmButtonText: '确定删除',
|
330
|
confirmButtonText: '确定删除',
|
|
@@ -211,18 +332,60 @@ |
|
@@ -211,18 +332,60 @@ |
|
211
|
type: 'warning'
|
332
|
type: 'warning'
|
|
212
|
}
|
333
|
}
|
|
213
|
).then(() => {
|
334
|
).then(() => {
|
|
214
|
- //
|
335
|
+ // 删除
|
|
|
|
336
|
+ const delIds = [row.id];
|
|
|
|
337
|
+ delTaskManage(delIds).then((response) => {
|
|
|
|
338
|
+ const code =response.data.code;
|
|
|
|
339
|
+ if (code != 200){
|
|
|
|
340
|
+ return this.$message.error('删除失败!')
|
|
|
|
341
|
+ }
|
|
|
|
342
|
+ this.$message.success('删除成功!')
|
|
|
|
343
|
+ }).catch(error => {
|
|
|
|
344
|
+ this.$message.error(error.toString())
|
|
|
|
345
|
+ })
|
|
|
|
346
|
+ this.name = row.name;
|
|
|
|
347
|
+ this.cateId = row.cateId;
|
|
|
|
348
|
+ this.getTaskManageList();
|
|
215
|
}).catch(() => {
|
349
|
}).catch(() => {
|
|
216
|
})
|
350
|
})
|
|
217
|
},
|
351
|
},
|
|
218
|
add(){
|
352
|
add(){
|
|
219
|
this.ruleForm={
|
353
|
this.ruleForm={
|
|
220
|
id:'',
|
354
|
id:'',
|
|
221
|
- name:''
|
355
|
+ name:'',
|
|
|
|
356
|
+ cateId:'',
|
|
|
|
357
|
+ dateRule:'',
|
|
|
|
358
|
+ form:'',
|
|
|
|
359
|
+ creator:'',
|
|
|
|
360
|
+ creatorId:'',
|
|
|
|
361
|
+ createTime:'',
|
|
|
|
362
|
+ updateTime:''
|
|
222
|
};
|
363
|
};
|
|
223
|
this.dialogApply='create';
|
364
|
this.dialogApply='create';
|
|
224
|
this.dialogVisible=true;
|
365
|
this.dialogVisible=true;
|
|
225
|
- }
|
366
|
+ },
|
|
|
|
367
|
+ // loadDifyScript() {
|
|
|
|
368
|
+ // // 检查是否已经加载过脚本
|
|
|
|
369
|
+ // if (document.getElementById('VrcUZBXmDOhvn7SQ')) {
|
|
|
|
370
|
+ // return;
|
|
|
|
371
|
+ // }
|
|
|
|
372
|
+ //
|
|
|
|
373
|
+ // const script = document.createElement('script');
|
|
|
|
374
|
+ // script.src = 'http://ai.15miaoo.com:17999/embed.min.js';
|
|
|
|
375
|
+ // script.id = 'VrcUZBXmDOhvn7SQ';
|
|
|
|
376
|
+ // script.defer = true;
|
|
|
|
377
|
+ // document.head.appendChild(script);
|
|
|
|
378
|
+ // }
|
|
226
|
}
|
379
|
}
|
|
227
|
}
|
380
|
}
|
|
228
|
</script>
|
381
|
</script>
|
|
|
|
382
|
+
|
|
|
|
383
|
+<!--<style>/* 原有样式 */-->
|
|
|
|
384
|
+<!--#dify-chatbot-bubble-button {-->
|
|
|
|
385
|
+<!-- background-color: #1C64F2 !important;-->
|
|
|
|
386
|
+<!--}-->
|
|
|
|
387
|
+<!--#dify-chatbot-bubble-window {-->
|
|
|
|
388
|
+<!-- width: 24rem !important;-->
|
|
|
|
389
|
+<!-- height: 40rem !important;-->
|
|
|
|
390
|
+<!--}-->
|
|
|
|
391
|
+<!--</style>--> |