File was renamed from ruoyi-ui/src/views/system/order/order.vue |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form-item label="订单ID" prop="serviceOrdId"> |
| | | <el-form-item label="订单编号" prop="serviceOrdId"> |
| | | <el-input |
| | | v-model="queryParams.serviceOrdId" |
| | | placeholder="请输入订单ID" |
| | | placeholder="请输入订单编号" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="病人姓名" prop="serviceOrdPtName"> |
| | | <el-form-item label="患者姓名" prop="serviceOrdPtName"> |
| | | <el-input |
| | | v-model="queryParams.serviceOrdPtName" |
| | | placeholder="请输入病人姓名" |
| | | placeholder="请输入患者姓名" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="serviceOrdCoPhone"> |
| | | <el-input |
| | | v-model="queryParams.serviceOrdCoPhone" |
| | | placeholder="请输入联系电话" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | |
| | | <el-form-item label="订单状态" prop="serviceOrdState"> |
| | | <el-select v-model="queryParams.serviceOrdState" placeholder="请选择订单状态" clearable size="small"> |
| | | <el-option |
| | | v-for="dict in dict.type.sys_order_state" |
| | | v-for="dict in dict.type.sys_order_status" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="开始日期"> |
| | | <el-date-picker |
| | | v-model="dateRange" |
| | | size="small" |
| | | style="width: 240px" |
| | | value-format="yyyy-MM-dd" |
| | | type="daterange" |
| | | range-separator="-" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | |
| | | |
| | | <el-table v-loading="loading" :data="orderList" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="订单ID" align="center" prop="serviceOrdId" /> |
| | | <el-table-column label="病人姓名" align="center" prop="serviceOrdPtName" /> |
| | | <el-table-column label="病人年龄" align="center" prop="serviceOrdPtAge" /> |
| | | <el-table-column label="病人性别" align="center" prop="serviceOrdPtSex" /> |
| | | <el-table-column label="订单编号" align="center" prop="serviceOrdId" /> |
| | | <el-table-column label="联系人" align="center" prop="serviceOrdCoName"/> |
| | | <el-table-column label="患者姓名" align="center" prop="serviceOrdPtName"/> |
| | | <el-table-column label="联系电话" align="center" prop="serviceOrdCoPhone"/> |
| | | <el-table-column label="患者性别" align="center" prop="serviceOrdPtSex"/> |
| | | <el-table-column label="出发时间" align="center" prop="serviceOrdStartDate" /> |
| | | <el-table-column label="目的地址" align="center" prop="serviceOrdTraEnd" /> |
| | | <el-table-column label="订单状态" align="center" prop="serviceOrdState"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.sys_order_state" :value="scope.row.serviceOrdState"/> |
| | | <dict-tag :options="dict.type.sys_order_status" :value="scope.row.serviceOrdState"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="开始日期" align="center" prop="serviceOrdStartDate" width="180"> |
| | | <el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.serviceOrdStartDate, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="预约日期" align="center" prop="serviceOrdApptDate" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.serviceOrdApptDate, '{y}-{m}-{d}') }}</span> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | |
| | | <!-- 添加或修改服务订单对话框 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
| | | <el-form-item label="病人姓名" prop="serviceOrdPtName"> |
| | | <el-input v-model="form.serviceOrdPtName" placeholder="请输入病人姓名" /> |
| | | <el-form-item label="患者姓名" prop="serviceOrdPtName"> |
| | | <el-input v-model="form.serviceOrdPtName" placeholder="请输入患者姓名" /> |
| | | </el-form-item> |
| | | <el-form-item label="病人年龄" prop="serviceOrdPtAge"> |
| | | <el-input v-model="form.serviceOrdPtAge" placeholder="请输入病人年龄" /> |
| | | <el-form-item label="联系电话" prop="serviceOrdCoPhone"> |
| | | <el-input v-model="form.serviceOrdCoPhone" placeholder="请输入联系电话" /> |
| | | </el-form-item> |
| | | <el-form-item label="病人性别" prop="serviceOrdPtSex"> |
| | | <el-select v-model="form.serviceOrdPtSex" placeholder="请选择病人性别"> |
| | | <el-option |
| | | v-for="dict in dict.type.sys_user_sex" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | <el-form-item label="出发地址" prop="serviceOrdTraStreet"> |
| | | <el-input v-model="form.serviceOrdTraStreet" placeholder="请输入出发地址" /> |
| | | </el-form-item> |
| | | <el-form-item label="目的地址" prop="serviceOrdTraEnd"> |
| | | <el-input v-model="form.serviceOrdTraEnd" placeholder="请输入目的地址" /> |
| | | </el-form-item> |
| | | <el-form-item label="订单状态" prop="serviceOrdState"> |
| | | <el-select v-model="form.serviceOrdState" placeholder="请选择订单状态"> |
| | | <el-option |
| | | v-for="dict in dict.type.sys_order_state" |
| | | v-for="dict in dict.type.sys_order_status" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="开始日期" prop="serviceOrdStartDate"> |
| | | <el-date-picker |
| | | v-model="form.serviceOrdStartDate" |
| | | type="datetime" |
| | | placeholder="选择开始日期" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="预约日期" prop="serviceOrdApptDate"> |
| | | <el-date-picker |
| | | v-model="form.serviceOrdApptDate" |
| | | type="datetime" |
| | | placeholder="选择预约日期" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="订单备注" prop="serviceOrdUnitRemarks"> |
| | | <el-input v-model="form.serviceOrdUnitRemarks" type="textarea" placeholder="请输入订单备注" /> |
| | | <el-form-item label="备注" prop="serviceOrdUnitRemarks"> |
| | | <el-input v-model="form.serviceOrdUnitRemarks" type="textarea" placeholder="请输入备注" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | |
| | | |
| | | export default { |
| | | name: "Order", |
| | | dicts: ['sys_order_state', 'sys_user_sex'], |
| | | dicts: ['sys_order_status'], |
| | | data() { |
| | | return { |
| | | // 遮罩层 |
| | |
| | | title: "", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | // 日期范围 |
| | | dateRange: [], |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | serviceOrdId: null, |
| | | serviceOrdPtName: null, |
| | | serviceOrdCoPhone: null, |
| | | serviceOrdState: null |
| | | }, |
| | | // 表单参数 |
| | |
| | | // 表单校验 |
| | | rules: { |
| | | serviceOrdPtName: [ |
| | | { required: true, message: "病人姓名不能为空", trigger: "blur" } |
| | | { required: true, message: "患者姓名不能为空", trigger: "blur" } |
| | | ], |
| | | serviceOrdPtAge: [ |
| | | { required: true, message: "病人年龄不能为空", trigger: "blur" } |
| | | serviceOrdCoPhone: [ |
| | | { required: true, message: "联系电话不能为空", trigger: "blur" } |
| | | ], |
| | | serviceOrdPtSex: [ |
| | | { required: true, message: "病人性别不能为空", trigger: "change" } |
| | | serviceOrdTraStreet: [ |
| | | { required: true, message: "出发地址不能为空", trigger: "blur" } |
| | | ], |
| | | serviceOrdTraEnd: [ |
| | | { required: true, message: "目的地址不能为空", trigger: "blur" } |
| | | ], |
| | | serviceOrdState: [ |
| | | { required: true, message: "订单状态不能为空", trigger: "change" } |
| | | ], |
| | | serviceOrdStartDate: [ |
| | | { required: true, message: "开始日期不能为空", trigger: "blur" } |
| | | ], |
| | | serviceOrdApptDate: [ |
| | | { required: true, message: "预约日期不能为空", trigger: "blur" } |
| | | ] |
| | | } |
| | | }; |
| | |
| | | /** 查询服务订单列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | listOrder(this.addDateRange(this.queryParams, this.dateRange)).then(response => { |
| | | listOrder(this.queryParams).then(response => { |
| | | this.orderList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | |
| | | reset() { |
| | | this.form = { |
| | | serviceOrdId: null, |
| | | serviceOrdUserID: null, |
| | | serviceOrdClass: null, |
| | | serviceOrdType: null, |
| | | serviceOrdState: null, |
| | | serviceOrdStartDate: null, |
| | | serviceOrdApptDate: null, |
| | | serviceOrdCoName: null, |
| | | serviceOrdCoPhone: null, |
| | | serviceOrdPtName: null, |
| | | serviceOrdPtAge: null, |
| | | serviceOrdPtSex: null, |
| | | serviceOrdPtKG: null, |
| | | serviceOrdPtNat: null, |
| | | serviceOrdPtIDCard: null, |
| | | serviceOrdTraProvince: null, |
| | | serviceOrdTraCity: null, |
| | | serviceOrdCoPhone: null, |
| | | serviceOrdTraStreet: null, |
| | | serviceOrdTraEnd: null, |
| | | serviceOrdTraDistance: null, |
| | | serviceOrdTraUnitPrice: null, |
| | | serviceOrdTraTxnPrice: null, |
| | | serviceOrdTraPaidType: null, |
| | | serviceOrdTraPaidPrice: null, |
| | | serviceOrdState: null, |
| | | serviceOrdUnitRemarks: null |
| | | }; |
| | | this.resetForm("form"); |
| | |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.dateRange = []; |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | }, |