| | |
| | | </el-card> |
| | | |
| | | <!-- 新增/编辑对话框 --> |
| | | <el-dialog v-model="dialogVisible" :title="dialogTitle" width="700px"> |
| | | <FormDialog v-model="dialogVisible" :title="dialogTitle" :width="'700px'" @close="dialogVisible = false" @confirm="handleSubmit" @cancel="dialogVisible = false"> |
| | | <el-form :model="form" :rules="rules" ref="formRef" label-width="100px"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="业务员" prop="salesperson"> |
| | | <el-select v-model="form.salesperson" placeholder="请选择业务员" style="width: 100%"> |
| | | <el-option label="张三" value="张三"></el-option> |
| | | <el-option label="李四" value="李四"></el-option> |
| | | <el-option label="王五" value="王五"></el-option> |
| | | <el-option label="陈志强" value="陈志强"></el-option> |
| | | <el-option label="刘雅婷" value="刘雅婷"></el-option> |
| | | <el-option label="王建国" value="王建国"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-dialog> |
| | | |
| | | <!-- 订单审核对话框 --> |
| | | <el-dialog v-model="reviewDialogVisible" title="订单审核" width="500px"> |
| | | <FormDialog v-model="reviewDialogVisible" title="订单审核" :width="'500px'" @close="reviewDialogVisible = false" @confirm="saveReview" @cancel="reviewDialogVisible = false"> |
| | | <el-form label-width="100px"> |
| | | <el-form-item label="订单号"> |
| | | <span>{{ currentOrder.orderNo }}</span> |
| | |
| | | </el-dialog> |
| | | |
| | | <!-- 订单转单对话框 --> |
| | | <el-dialog v-model="transferDialogVisible" title="订单转单" width="500px"> |
| | | <FormDialog v-model="transferDialogVisible" title="订单转单" :width="'500px'" @close="transferDialogVisible = false" @confirm="saveTransfer" @cancel="transferDialogVisible = false"> |
| | | <el-form label-width="100px"> |
| | | <el-form-item label="订单号"> |
| | | <span>{{ currentOrder.orderNo }}</span> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="转单给" prop="newSalesperson"> |
| | | <el-select v-model="newSalesperson" placeholder="请选择新业务员" style="width: 100%"> |
| | | <el-option label="张三" value="张三"></el-option> |
| | | <el-option label="李四" value="李四"></el-option> |
| | | <el-option label="王五" value="王五"></el-option> |
| | | <el-option label="陈志强" value="陈志强"></el-option> |
| | | <el-option label="刘雅婷" value="刘雅婷"></el-option> |
| | | <el-option label="王建国" value="王建国"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="转单原因" prop="transferReason"> |
| | | <el-input type="textarea" v-model="transferReason" rows="3" placeholder="请输入转单原因"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template #footer> |
| | | <div class="dialog-footer"> |
| | | <el-button @click="transferDialogVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="saveTransfer">确 定</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | </FormDialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import { ElMessage, ElMessageBox } from 'element-plus' |
| | | import { Plus, Search } from '@element-plus/icons-vue' |
| | | import Pagination from '@/components/PIMTable/Pagination.vue' |
| | | import FormDialog from '@/components/Dialog/FormDialog.vue' |
| | | |
| | | // 响应式数据 |
| | | const loading = ref(false) |
| | |
| | | id: 1, |
| | | orderNo: 'ORD202312001', |
| | | customer: '上海科技有限公司', |
| | | salesperson: '张三', |
| | | salesperson: '陈志强', |
| | | orderDate: '2023-12-01', |
| | | amount: 50000.00, |
| | | paymentMethod: '全款到付', |
| | |
| | | id: 2, |
| | | orderNo: 'ORD202312002', |
| | | customer: '深圳电子有限公司', |
| | | salesperson: '李四', |
| | | salesperson: '刘雅婷', |
| | | orderDate: '2023-12-02', |
| | | amount: 35000.00, |
| | | paymentMethod: '分期付款', |
| | |
| | | id: 3, |
| | | orderNo: 'ORD202312003', |
| | | customer: '北京贸易公司', |
| | | salesperson: '王五', |
| | | salesperson: '王建国', |
| | | orderDate: '2023-12-03', |
| | | amount: 28000.00, |
| | | paymentMethod: '月结', |