From 426cd61c707f13a471b56330b3ba7b588b6cb245 Mon Sep 17 00:00:00 2001 From: fujunling <2984387807@qq.com> Date: 星期四, 15 六月 2023 18:11:58 +0800 Subject: [PATCH] Merge branch 'master' of http://dev.vci-tech.com:1065/r/ubcs --- Source/UBCS-WEB/src/components/template/FlowPath.vue | 209 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 209 insertions(+), 0 deletions(-) diff --git a/Source/UBCS-WEB/src/components/template/FlowPath.vue b/Source/UBCS-WEB/src/components/template/FlowPath.vue new file mode 100644 index 0000000..24ccf03 --- /dev/null +++ b/Source/UBCS-WEB/src/components/template/FlowPath.vue @@ -0,0 +1,209 @@ +<template> + <avue-crud ref="crud" :table-loading="loading" :data="data" v-model="form" :option="option" :page.sync="page" + :search.sync="search" @on-load="getDataList" @row-save="handleSave" @row-del="handleDelete" + @row-update="handleEdit" @refresh-change="handleRefresh" @size-change="handleSizePage" + @current-change="handleCurrentPage"> + </avue-crud> +</template> + +<script> +import { getFlowpathList, getStartList, flowpathSave, flowpathDelete } from '@/api/template/flowpath.js' +export default { + name: 'FlowPath', + props: { + code: { + typeof: String, + required: true, + default: "" + } + }, + data() { + return { + loading: false, + page: { + currentPage: 1, + pageSize: 10, + total: 0 + }, + search: {}, + delIds: [], + data: [], + startData: [], + form: {}, + option: { + height: "auto", + border: true, + align: 'center', + menuAlign: 'center', + index: true, + searchMenuSpan: 8, + searchBtn: false, + emptyBtn: false, + columnBtn: false, + defaultSort: { + prop: 'id,name,description,version', + order: 'descending' + }, + column: [ + { + label: '妯℃澘key', + prop: 'modelKey', + width:120, + sortable: true, + type: 'tree', + dicData: [], + props: { + label: "key", + value: "key" + }, + rules: [{ + required: true, + message: '妯℃澘key涓嶈兘涓虹┖', + trigger: 'blur' + }], + nodeClick: (data) => { + console.log(data) + // 鑺傜偣鐐瑰嚮鐨勬椂鍊欎細鑾峰彇鍒版暟鎹� + this.form.modelName = data.name + } + }, { + label: '妯℃澘鍚嶇О', + prop: 'modelName', + sortable: true, + width:220, + addDisabled: true, + editDisabled: true, + }, + { + label: '妯℃澘鐢ㄩ��', + prop: 'buttonTypeKey', + type: 'tree', + width:120, + dicUrl: '/api/ubcs-flow/processTS/tt', + dicMethod: 'post', + props: { + value: "codee", + label: "namee", + }, + }, + { + label: '妯℃澘鎻忚堪', + prop: 'description', + type:'textarea' + }, + ] + }, + } + }, + created() { + this.getStart() + }, + methods: { + async getStart() { + const response = await getStartList() + if (response.status === 200) { + console.log(response.data.data.records) + const data = response.data.data.records + let newData = data.map(item => { + const { key, name, version } = item + return { key, name, version } + }) + this.option.column[0].dicData = newData + + } + }, + // 鑾峰彇鍒楄〃 + async getDataList() { + this.loading = false + console.log(this.search) + const { pageSize, currentPage } = this.page + let param = { size: pageSize, current: currentPage } + const response = await getFlowpathList({ ...param, ...{ templateId: this.code } }) + if (response.status === 200) { + console.log(response) + this.loading = false + const data = response.data.data + this.data = data.records + this.page.total = data.total + } else this.loading = false + }, + // 鏂板 + async handleSave(row, done, loading) { + console.log(row) + const response = await flowpathSave({ ...row, ...{ templateId: this.code } }) + if (response.status === 200) { + loading() + console.log(response) + this.$message({ + type: 'success', + message: '鏂板鏁版嵁鎴愬姛锛�' + }) + done() + this.getDataList() + } + + }, + // 缂栬緫 + async handleEdit(row, index, done, loading) { + console.log(row) + const { modelName, modelKey, buttonTypeKey, id ,description} = row + let param = { modelName, modelKey, buttonTypeKey, id,description } + const response = await flowpathSave({ ...param, ...{ templateId: this.code } }) + if (response.status === 200) { + loading() + this.$message({ + type: 'success', + message: '淇敼鏁版嵁鎴愬姛锛�' + }) + done() + this.getDataList() + } + + }, + // 鍒犻櫎鍗曟潯 + handleDelete(row) { + console.log(row) + const { id } = row + this.deleteSysInfo({ id: id }) + }, + // 鍒犻櫎鎺ュ彛 + deleteSysInfo(param) { + this.$confirm('鏄惁纭畾鍒犻櫎閫夋嫨鐨勬ā鏉挎祦绋�?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(async () => { + // 鎺ュ彛 + const response = await flowpathDelete(param) + if (response.status === 200) { + console.log(response) + this.$message({ + type: 'success', + message: '鍒犻櫎鎴愬姛!' + }); + this.getDataList() + } + }) + }, + // enter鎼滅储 + handleEnter() { + if (this.search[this.selectValue] === '') return + else this.getDataList() + }, + // 杈撳叆妗嗘竻绌� + handleClear() { + + }, + // 鍒锋柊鎸夐挳 + handleRefresh() { + this.getDataList() + }, + handleSizePage(event) { + this.page.pageSize = event + }, + handleCurrentPage(event) { + this.page.currentPage = event + }, + } +} +</script> -- Gitblit v1.9.3