From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/crm/business/status/BusinessStatusForm.vue | 194 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 194 insertions(+), 0 deletions(-)
diff --git a/src/views/crm/business/status/BusinessStatusForm.vue b/src/views/crm/business/status/BusinessStatusForm.vue
new file mode 100644
index 0000000..d6a4d6f
--- /dev/null
+++ b/src/views/crm/business/status/BusinessStatusForm.vue
@@ -0,0 +1,194 @@
+<template>
+ <Dialog :title="dialogTitle" v-model="dialogVisible">
+ <el-form
+ ref="formRef"
+ :model="formData"
+ :rules="formRules"
+ label-width="100px"
+ v-loading="formLoading"
+ >
+ <el-form-item label="鐘舵�佺粍鍚�" prop="name">
+ <el-input v-model="formData.name" placeholder="璇疯緭鍏ョ姸鎬佺粍鍚�" />
+ </el-form-item>
+ <el-form-item label="搴旂敤閮ㄩ棬" prop="deptIds">
+ <template #label>
+ <Tooltip message="涓嶉�夋嫨閮ㄩ棬鏃讹紝榛樿鍏ㄥ叕鍙哥敓鏁�" title="搴旂敤閮ㄩ棬" />
+ </template>
+ <el-tree
+ ref="treeRef"
+ :data="deptList"
+ :props="defaultProps"
+ :check-strictly="!checkStrictly"
+ node-key="id"
+ placeholder="璇烽�夋嫨褰掑睘閮ㄩ棬"
+ show-checkbox
+ />
+ </el-form-item>
+ <el-form-item label="闃舵璁剧疆" prop="statuses">
+ <el-table
+ border
+ style="width: 100%"
+ :data="formData.statuses.concat(BusinessStatusApi.DEFAULT_STATUSES)"
+ >
+ <el-table-column align="center" label="闃舵" width="70">
+ <template #default="scope">
+ <el-text v-if="!scope.row.defaultStatus">闃舵 {{ scope.$index + 1 }}</el-text>
+ <el-text v-else>缁撴潫</el-text>
+ </template>
+ </el-table-column>
+ <el-table-column align="center" label="闃舵鍚嶇О" width="160" prop="name">
+ <template #default="{ row }">
+ <el-input v-if="!row.endStatus" v-model="row.name" placeholder="璇疯緭鍏ョ姸鎬佸悕绉�" />
+ <el-text v-else>{{ row.name }}</el-text>
+ </template>
+ </el-table-column>
+ <el-table-column width="140" align="center" label="璧㈠崟鐜囷紙%锛�" prop="percent">
+ <template #default="{ row }">
+ <el-input-number
+ v-if="!row.endStatus"
+ v-model="row.percent"
+ placeholder="璇疯緭鍏ヨ耽鍗曠巼"
+ controls-position="right"
+ :min="0"
+ :max="100"
+ :precision="2"
+ class="!w-1/1"
+ />
+ <el-text v-else>{{ row.percent }}</el-text>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" width="110" align="center">
+ <template #default="scope">
+ <el-button
+ v-if="!scope.row.endStatus"
+ link
+ type="primary"
+ @click="addStatus(scope.$index)"
+ >
+ 娣诲姞
+ </el-button>
+ <el-button
+ v-if="!scope.row.endStatus"
+ link
+ type="danger"
+ @click="deleteStatusArea(scope.$index)"
+ :disabled="formData.statuses.length <= 1"
+ >
+ 鍒犻櫎
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-form-item>
+ </el-form>
+ <template #footer>
+ <el-button @click="submitForm" type="primary" :disabled="formLoading">纭� 瀹�</el-button>
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ </template>
+ </Dialog>
+</template>
+<script setup lang="ts">
+import * as BusinessStatusApi from '@/api/crm/business/status'
+import { defaultProps, handleTree } from '@/utils/tree'
+import * as DeptApi from '@/api/system/dept'
+
+const { t } = useI18n() // 鍥介檯鍖�
+const message = useMessage() // 娑堟伅寮圭獥
+
+const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀�
+const dialogTitle = ref('') // 寮圭獥鐨勬爣棰�
+const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤
+const formType = ref('') // 琛ㄥ崟鐨勭粍锛歝reate - 鏂板锛泆pdate - 淇敼
+const formData = ref({
+ id: undefined,
+ name: '',
+ deptIds: [],
+ statuses: []
+})
+const formRules = reactive({
+ name: [{ required: true, message: '鐘舵�佺粍鍚嶄笉鑳戒负绌�', trigger: 'blur' }]
+})
+const formRef = ref() // 琛ㄥ崟 Ref
+const deptList = ref<Tree[]>([]) // 鏍戝舰缁撴瀯
+const treeRef = ref() // 鑿滃崟鏍戠粍浠� Ref
+const checkStrictly = ref(true) // 鏄惁涓ユ牸妯″紡锛屽嵆鐖跺瓙涓嶅叧鑱�
+
+/** 鎵撳紑寮圭獥 */
+const open = async (type: string, id?: number) => {
+ dialogVisible.value = true
+ dialogTitle.value = t('action.' + type)
+ formType.value = type
+ resetForm()
+ // 淇敼鏃讹紝璁剧疆鏁版嵁
+ if (id) {
+ formLoading.value = true
+ try {
+ formData.value = await BusinessStatusApi.getBusinessStatus(id)
+ treeRef.value.setCheckedKeys(formData.value.deptIds)
+ if (formData.value.statuses.length == 0) {
+ addStatus()
+ }
+ } finally {
+ formLoading.value = false
+ }
+ } else {
+ addStatus()
+ }
+ // 鍔犺浇閮ㄩ棬鏍�
+ deptList.value = handleTree(await DeptApi.getSimpleDeptList())
+}
+defineExpose({ open }) // 鎻愪緵 open 鏂规硶锛岀敤浜庢墦寮�寮圭獥
+
+/** 鎻愪氦琛ㄥ崟 */
+const emit = defineEmits(['success']) // 瀹氫箟 success 浜嬩欢锛岀敤浜庢搷浣滄垚鍔熷悗鐨勫洖璋�
+const submitForm = async () => {
+ // 鏍￠獙琛ㄥ崟
+ await formRef.value.validate()
+ // 鎻愪氦璇锋眰
+ formLoading.value = true
+ try {
+ const data = formData.value as unknown as BusinessStatusApi.BusinessStatusTypeVO
+ data.deptIds = treeRef.value.getCheckedKeys(false)
+ if (formType.value === 'create') {
+ await BusinessStatusApi.createBusinessStatus(data)
+ message.success(t('common.createSuccess'))
+ } else {
+ await BusinessStatusApi.updateBusinessStatus(data)
+ message.success(t('common.updateSuccess'))
+ }
+ dialogVisible.value = false
+ // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢
+ emit('success')
+ } finally {
+ formLoading.value = false
+ }
+}
+
+/** 閲嶇疆琛ㄥ崟 */
+const resetForm = () => {
+ checkStrictly.value = true
+ formData.value = {
+ id: undefined,
+ name: '',
+ deptIds: [],
+ statuses: []
+ }
+ treeRef.value?.setCheckedNodes([])
+ formRef.value?.resetFields()
+}
+
+/** 娣诲姞鐘舵�� */
+const addStatus = () => {
+ const data = formData.value
+ data.statuses.push({
+ name: '',
+ percent: undefined
+ })
+}
+
+/** 鍒犻櫎鐘舵�� */
+const deleteStatusArea = (index: number) => {
+ const data = formData.value
+ data.statuses.splice(index, 1)
+}
+</script>
--
Gitblit v1.8.0