From db42d47f5692ef64e5436c5a6d29dcb537b44596 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期一, 26 一月 2026 16:36:13 +0800
Subject: [PATCH] 浪潮对接单点登录:mis调整
---
src/views/customerService/expiryAfterSales/components/formDia.vue | 283 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 283 insertions(+), 0 deletions(-)
diff --git a/src/views/customerService/expiryAfterSales/components/formDia.vue b/src/views/customerService/expiryAfterSales/components/formDia.vue
new file mode 100644
index 0000000..e8293d6
--- /dev/null
+++ b/src/views/customerService/expiryAfterSales/components/formDia.vue
@@ -0,0 +1,283 @@
+<template>
+ <div>
+ <el-dialog
+ v-model="dialogFormVisible"
+ :title="dialogTitle"
+ width="70%"
+ @close="closeDia"
+ >
+ <el-form
+ :model="form"
+ label-width="140px"
+ label-position="top"
+ :rules="rules"
+ ref="formRef"
+ >
+ <el-row :gutter="30">
+ <el-col :span="12">
+ <el-form-item label="涓存湡浜у搧鍚嶇О锛�" prop="productName">
+ <el-input
+ v-model="form.productName"
+ placeholder="璇疯緭鍏ヤ骇鍝佸悕绉�"
+ clearable
+ :disabled="operationType === 'view'"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="浜у搧鎵瑰彿锛�" prop="batchNumber">
+ <el-input
+ v-model="form.batchNumber"
+ placeholder="璇疯緭鍏ヤ骇鍝佹壒鍙�"
+ clearable
+ :disabled="operationType === 'view'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30">
+ <el-col :span="12">
+ <el-form-item label="涓存湡鏃ユ湡锛�" prop="expiryDate">
+ <el-date-picker
+ style="width: 100%"
+ v-model="form.expiryDate"
+ value-format="YYYY-MM-DD"
+ format="YYYY-MM-DD"
+ type="date"
+ placeholder="璇烽�夋嫨涓存湡鏃ユ湡"
+ clearable
+ :disabled="operationType === 'view'"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="搴撳瓨鏁伴噺锛�" prop="stockQuantity">
+ <el-input-number
+ v-model="form.stockQuantity"
+ :min="0"
+ placeholder="璇疯緭鍏ュ簱瀛樻暟閲�"
+ style="width: 100%"
+ :disabled="operationType === 'view'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30">
+ <el-col :span="12">
+ <el-form-item label="瀹㈡埛鍚嶇О锛�" prop="customerName">
+ <el-input
+ v-model="form.customerName"
+ placeholder="璇疯緭鍏ュ鎴峰悕绉�"
+ clearable
+ :disabled="operationType === 'view'"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴鐢佃瘽锛�" prop="contactPhone">
+ <el-input
+ v-model="form.contactPhone"
+ placeholder="璇疯緭鍏ヨ仈绯荤數璇�"
+ clearable
+ :disabled="operationType === 'view'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30">
+ <el-col :span="24">
+ <el-form-item label="闂鎻忚堪锛�" prop="problemDesc">
+ <el-input
+ v-model="form.problemDesc"
+ placeholder="璇疯緭鍏ラ棶棰樻弿杩�"
+ clearable
+ :disabled="operationType === 'view'"
+ type="textarea"
+ :rows="3"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30" v-if="operationType !== 'add'">
+ <el-col :span="12">
+ <el-form-item label="澶勭悊浜猴細" prop="handlerId">
+ <el-select
+ v-model="form.handlerId"
+ placeholder="璇烽�夋嫨澶勭悊浜�"
+ clearable
+ :disabled="operationType === 'view'"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="item in userList"
+ :key="item.userId"
+ :label="item.nickName"
+ :value="item.userId"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="澶勭悊鏃ユ湡锛�" prop="handleDate">
+ <el-date-picker
+ style="width: 100%"
+ v-model="form.handleDate"
+ value-format="YYYY-MM-DD"
+ format="YYYY-MM-DD"
+ type="date"
+ placeholder="璇烽�夋嫨澶勭悊鏃ユ湡"
+ clearable
+ :disabled="operationType === 'view'"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30" v-if="operationType !== 'add'">
+ <el-col :span="24">
+ <el-form-item label="澶勭悊缁撴灉锛�" prop="handleResult">
+ <el-input
+ v-model="form.handleResult"
+ placeholder="璇疯緭鍏ュ鐞嗙粨鏋�"
+ clearable
+ :disabled="operationType === 'view'"
+ type="textarea"
+ :rows="3"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="submitForm" v-if="operationType !== 'view'">纭</el-button>
+ <el-button @click="closeDia">{{ operationType === 'view' ? '鍏抽棴' : '鍙栨秷' }}</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ </div>
+</template>
+
+<script setup>
+import {ref, computed} from "vue";
+import useUserStore from "@/store/modules/user.js";
+import { getCurrentDate } from "@/utils/index.js";
+// import {userListNoPageByTenantId} from "@/api/system/user.js"; // 鏆傛椂娉ㄩ噴鎺夛紝浣跨敤鍋囨暟鎹�
+// import {expiryAfterSalesAdd, expiryAfterSalesUpdate} from "@/api/customerService/index.js"; // 鏆傛椂娉ㄩ噴鎺夛紝浣跨敤鍋囨暟鎹�
+const { proxy } = getCurrentInstance()
+const emit = defineEmits(['close'])
+const dialogFormVisible = ref(false);
+const operationType = ref('')
+const userStore = useUserStore();
+
+const dialogTitle = computed(() => {
+ switch (operationType.value) {
+ case 'add':
+ return '鏂板涓存湡鍞悗';
+ case 'edit':
+ return '缂栬緫涓存湡鍞悗';
+ case 'view':
+ return '鏌ョ湅涓存湡鍞悗';
+ default:
+ return '涓存湡鍞悗绠＄悊';
+ }
+});
+
+const data = reactive({
+ form: {
+ id: "",
+ productName: "",
+ batchNumber: "",
+ expiryDate: "",
+ stockQuantity: 0,
+ customerName: "",
+ contactPhone: "",
+ problemDesc: "",
+ handlerId: "",
+ handleDate: "",
+ handleResult: "",
+ status: 1
+ },
+ rules: {
+ productName: [{required: true, message: "璇疯緭鍏ヤ骇鍝佸悕绉�", trigger: "blur"}],
+ batchNumber: [{required: true, message: "璇疯緭鍏ヤ骇鍝佹壒鍙�", trigger: "blur"}],
+ expiryDate: [{required: true, message: "璇烽�夋嫨涓存湡鏃ユ湡", trigger: "change"}],
+ stockQuantity: [{required: true, message: "璇疯緭鍏ュ簱瀛樻暟閲�", trigger: "blur"}],
+ customerName: [{required: true, message: "璇疯緭鍏ュ鎴峰悕绉�", trigger: "blur"}],
+ contactPhone: [
+ {required: true, message: "璇疯緭鍏ヨ仈绯荤數璇�", trigger: "blur"},
+ {pattern: /^1[3-9]\d{9}$/, message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜", trigger: "blur"}
+ ],
+ problemDesc: [{required: true, message: "璇疯緭鍏ラ棶棰樻弿杩�", trigger: "blur"}],
+ }
+})
+const { form, rules } = toRefs(data);
+const userList = ref([])
+
+// 鎵撳紑寮规
+const openDialog = (type, row) => {
+ operationType.value = type;
+ dialogFormVisible.value = true;
+
+ // 妯℃嫙鑾峰彇鐢ㄦ埛鍒楄〃
+ userList.value = [
+ { userId: 1, nickName: "寮犱笁" },
+ { userId: 2, nickName: "鏉庡洓" },
+ { userId: 3, nickName: "鐜嬩簲" },
+ { userId: 4, nickName: "璧靛叚" },
+ { userId: 5, nickName: "瀛欏叓" }
+ ];
+
+ if (type === 'add') {
+ // 鏂板鏃堕噸缃〃鍗�
+ form.value = {
+ id: "",
+ productName: "",
+ batchNumber: "",
+ expiryDate: "",
+ stockQuantity: 0,
+ customerName: "",
+ contactPhone: "",
+ problemDesc: "",
+ handlerId: "",
+ handleDate: "",
+ handleResult: "",
+ status: 1
+ };
+ } else {
+ // 缂栬緫鎴栨煡鐪嬫椂濉厖鏁版嵁
+ form.value = { ...row };
+ if (type === 'edit' && !form.value.handlerId) {
+ form.value.handlerId = userStore.id;
+ form.value.handleDate = getCurrentDate();
+ }
+ }
+}
+
+const submitForm = () => {
+ proxy.$refs["formRef"].validate(valid => {
+ if (valid) {
+ // 妯℃嫙鎻愪氦鎿嶄綔
+ setTimeout(() => {
+ console.log("妯℃嫙鎻愪氦鐨勬暟鎹�:", form.value);
+ proxy.$modal.msgSuccess(operationType.value === 'add' ? "鏂板鎴愬姛" : "鏇存柊鎴愬姛");
+ closeDia();
+ }, 300);
+ }
+ });
+}
+
+// 鍏抽棴寮规
+const closeDia = () => {
+ proxy.resetForm("formRef");
+ dialogFormVisible.value = false;
+ emit('close')
+};
+
+defineExpose({
+ openDialog,
+});
+</script>
+
+<style scoped>
+
+</style>
--
Gitblit v1.9.3