| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | > |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | style="width: 120px" |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-input style="width: 120px" v-model="queryParams.name" placeholder="请输入姓名" clearable |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号" prop="idCard"> |
| | | <el-input |
| | | v-model="queryParams.idCard" |
| | | placeholder="请输入身份证号" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-input v-model="queryParams.idCard" placeholder="请输入身份证号" clearable @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phoe"> |
| | | <el-input |
| | | v-model="queryParams.phoe" |
| | | placeholder="请输入联系电话" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | style="width: 140px" |
| | | /> |
| | | <el-input v-model="queryParams.phoe" placeholder="请输入联系电话" clearable @keyup.enter.native="handleQuery" |
| | | style="width: 140px" /> |
| | | </el-form-item> |
| | | <el-form-item label="单位名称" prop="company"> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="queryParams.company" |
| | | value-key="drugManufacturerId" |
| | | remote |
| | | filterable |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @change="searchSelect" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.drugManufacturerId" |
| | | :label="dict.cnName" |
| | | :value="dict.cnName" |
| | | /> |
| | | <el-select :remote-method="getRemoteData" v-model="queryParams.company" value-key="drugManufacturerId" remote |
| | | filterable placeholder="请选择单位名称" clearable @change="searchSelect"> |
| | | <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName" |
| | | :value="dict.cnName" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="预约超期" prop="isExpire"> |
| | | <el-select |
| | | v-model="queryParams.isExpire" |
| | | placeholder="请选择是否超期" |
| | | clearable |
| | | style="width: 140px" |
| | | > |
| | | <el-option |
| | | v-for="dict in options" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | <el-select v-model="queryParams.isExpire" placeholder="请选择是否超期" clearable style="width: 140px"> |
| | | <el-option v-for="dict in options" :key="dict.value" :label="dict.label" :value="dict.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | >搜索</el-button |
| | | > |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
| | | >重置</el-button |
| | | > |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-delete" |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="batch" |
| | | v-hasPermi="['reservation:reservation:remove']" |
| | | >撤销预约</el-button |
| | | > |
| | | <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="batch" |
| | | v-hasPermi="['reservation:reservation:remove']">撤销预约</el-button> |
| | | </el-col> |
| | | <right-toolbar |
| | | :showSearch.sync="showSearch" |
| | | @queryTable="getList" |
| | | ></right-toolbar> |
| | | <el-col :span="1.5"> |
| | | <el-button type="primary" size="mini" :disabled="single" @click="receipt" |
| | | v-hasPermi="['reservation:reservation:remove']">补打小票</el-button> |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <el-table |
| | | border |
| | | v-loading="loading" |
| | | :data="reservationList" |
| | | @selection-change="handleSelectionChange" |
| | | :default-sort="{ prop: 'reservationTime', order: 'descending' }" |
| | | highlight-current-row |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="40px" |
| | | align="center" |
| | | fixed="left" |
| | | :selectable="selectHandle" |
| | | /> |
| | | <el-table-column |
| | | label="姓名" |
| | | align="center" |
| | | prop="name" |
| | | width="90px" |
| | | :show-overflow-tooltip="true" |
| | | fixed="left" |
| | | /> |
| | | <el-table-column |
| | | label="性别" |
| | | align="center" |
| | | prop="sex" |
| | | width="60px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table border v-loading="loading" :data="reservationList" @selection-change="handleSelectionChange" |
| | | :default-sort="{ prop: 'reservationTime', order: 'descending' }" highlight-current-row> |
| | | <el-table-column type="selection" width="40px" align="center" fixed="left" :selectable="selectHandle" /> |
| | | <el-table-column label="姓名" align="center" prop="name" width="90px" :show-overflow-tooltip="true" fixed="left" /> |
| | | <el-table-column label="性别" align="center" prop="sex" width="60px" :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.sex == '0'">男</span> |
| | | <span v-if="scope.row.sex == '1'">女</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="年龄" |
| | | align="center" |
| | | prop="age" |
| | | width="60px" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="身份证号" |
| | | align="center" |
| | | prop="idCard" |
| | | width="170px" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="出生日期" |
| | | align="center" |
| | | prop="birthday" |
| | | width="100px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="年龄" align="center" prop="age" width="60px" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="身份证号" align="center" prop="idCard" width="170px" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="出生日期" align="center" prop="birthday" width="100px" :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.birthday, "{y}-{m}-{d}") }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="联系电话" |
| | | align="center" |
| | | prop="phoe" |
| | | width="110px" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="邮箱" |
| | | align="center" |
| | | prop="email" |
| | | :show-overflow-tooltip="true" |
| | | width="160px" |
| | | /> |
| | | <el-table-column |
| | | label="地址" |
| | | align="center" |
| | | prop="address" |
| | | :show-overflow-tooltip="true" |
| | | width="160px" |
| | | /> |
| | | <el-table-column |
| | | label="预约时间" |
| | | align="center" |
| | | prop="reservationTime" |
| | | width="100px" |
| | | :show-overflow-tooltip="true" |
| | | sortable |
| | | > |
| | | <el-table-column label="联系电话" align="center" prop="phoe" width="110px" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="邮箱" align="center" prop="email" :show-overflow-tooltip="true" width="160px" /> |
| | | <el-table-column label="地址" align="center" prop="address" :show-overflow-tooltip="true" width="160px" /> |
| | | <el-table-column label="预约时间" align="center" prop="reservationTime" width="100px" :show-overflow-tooltip="true" |
| | | sortable> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.reservationTime, "{y}-{m}-{d}") }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="体检类型" |
| | | align="center" |
| | | prop="tjType" |
| | | width="80px" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="婚姻" |
| | | align="center" |
| | | prop="marriage" |
| | | width="60px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="体检类型" align="center" prop="tjType" width="80px" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="婚姻" align="center" prop="marriage" width="60px" :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.dict_user_marry" |
| | | :value="scope.row.marriage" |
| | | /> |
| | | <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.marriage" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="民族" |
| | | align="center" |
| | | prop="nation" |
| | | width="60px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="民族" align="center" prop="nation" width="60px" :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.dict_user_national" |
| | | :value="scope.row.nation" |
| | | /> |
| | | <dict-tag :options="dict.type.dict_user_national" :value="scope.row.nation" /> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="体检类别" align="center" prop="tjCategory" width="100px" :show-overflow-tooltip="true" /> --> |
| | | <!-- <el-table-column label="部门" align="center" prop="department" width="90px" :show-overflow-tooltip="true" /> --> |
| | | <el-table-column |
| | | label="预约超期" |
| | | align="center" |
| | | prop="isExpire" |
| | | width="80px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="预约超期" align="center" prop="isExpire" width="80px" :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.isExpire == '1'">已过期</span> |
| | | <span v-if="scope.row.isExpire == '2'">未过期</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="单位名称" |
| | | align="center" |
| | | prop="company" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column label="单位名称" align="center" prop="company" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="操作" align="center" width="90px" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-s-order" |
| | | @click="handleUpdate1(scope.row)" |
| | | v-hasPermi="['reservation:reservation:edit']" |
| | | title="预约详细" |
| | | ></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['reservation:reservation:edit']" |
| | | title="修改" |
| | | ></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | title="撤销预约" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | > |
| | | <el-button size="mini" type="text" icon="el-icon-s-order" @click="handleUpdate1(scope.row)" |
| | | v-hasPermi="['reservation:reservation:edit']" title="预约详细"></el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['reservation:reservation:edit']" title="修改"></el-button> |
| | | <el-button size="mini" type="text" title="撤销预约" icon="el-icon-delete" @click="handleDelete(scope.row)"> |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" /> |
| | | </div> |
| | | </div> |
| | | <!-- 预约登记详情对话框 --> |
| | |
| | | <template> |
| | | <div> |
| | | <div style="width: 1000px"> |
| | | <el-form |
| | | style="margin: 0px 8px" |
| | | :inline="true" |
| | | ref="formIn" |
| | | :model="formIn" |
| | | :rules="rules" |
| | | :label-position="labelPosition" |
| | | class="demo-form-inline" |
| | | label-width="78px" |
| | | > |
| | | <el-form style="margin: 0px 8px" :inline="true" ref="formIn" :model="formIn" :rules="rules" |
| | | :label-position="labelPosition" class="demo-form-inline" label-width="78px"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | v-model="formIn.name" |
| | | placeholder="请输入姓名" |
| | | style="width: 160px" |
| | | /> |
| | | <el-input v-model="formIn.name" placeholder="请输入姓名" style="width: 160px" /> |
| | | </el-form-item> |
| | | <el-form-item label="证件类型" prop="idType"> |
| | | <el-select |
| | | style="width: 160px" |
| | | v-model="formIn.idType" |
| | | placeholder="请选择证件类型" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_user_cardtype" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 160px" v-model="formIn.idType" placeholder="请选择证件类型"> |
| | | <el-option v-for="dict in dict.type.dict_user_cardtype" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="证件号" prop="idCard"> |
| | | <el-input |
| | | style="width: 186px" |
| | | v-model="formIn.idCard" |
| | | placeholder="请输入身份证号" |
| | | /> |
| | | <el-input style="width: 186px" v-model="formIn.idCard" placeholder="请输入身份证号" /> |
| | | </el-form-item> |
| | | <el-form-item label="年龄" prop="age"> |
| | | <el-input style="width: 55px" v-model="formIn.age" /> |
| | | </el-form-item> |
| | | <el-form-item prop="ageUnit"> |
| | | <el-select |
| | | style="width: 60px" |
| | | v-model="formIn.ageUnit" |
| | | @change="formchang" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_ageunit" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 60px" v-model="formIn.ageUnit" @change="formchang"> |
| | | <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select |
| | | style="width: 160px" |
| | | v-model="formIn.sex" |
| | | placeholder="请选择性别" |
| | | @change="formchang" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.sys_user_sex" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="parseInt(dict.value)" |
| | | ></el-option> |
| | | <el-select style="width: 160px" v-model="formIn.sex" placeholder="请选择性别" @change="formchang"> |
| | | <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" |
| | | :value="parseInt(dict.value)"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phoe"> |
| | | <el-input |
| | | v-model="formIn.phoe" |
| | | placeholder="请输入联系电话" |
| | | style="width: 160px" |
| | | /> |
| | | <el-input v-model="formIn.phoe" placeholder="请输入联系电话" style="width: 160px" /> |
| | | </el-form-item> |
| | | <el-form-item label="民族" prop="nation"> |
| | | <el-select |
| | | v-model="formIn.nation" |
| | | placeholder="请选择民族" |
| | | style="width: 160px" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_user_national" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="parseInt(dict.value)" |
| | | ></el-option> |
| | | <el-select v-model="formIn.nation" placeholder="请选择民族" style="width: 160px"> |
| | | <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label" |
| | | :value="parseInt(dict.value)"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱" prop="email"> |
| | | <el-input |
| | | v-model="formIn.email" |
| | | placeholder="请输入邮箱" |
| | | style="width: 150px" |
| | | /> |
| | | <el-input v-model="formIn.email" placeholder="请输入邮箱" style="width: 150px" /> |
| | | </el-form-item> |
| | | <el-form-item label="婚姻" prop="marriage"> |
| | | <el-select |
| | | style="width: 160px" |
| | | v-model="formIn.marriage" |
| | | placeholder="请选择婚姻状况" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_user_marry" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="parseInt(dict.value)" |
| | | ></el-option> |
| | | <el-select style="width: 160px" v-model="formIn.marriage" placeholder="请选择婚姻状况"> |
| | | <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label" |
| | | :value="parseInt(dict.value)"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="现住址" prop="address"> |
| | | <el-input |
| | | v-model="formIn.address" |
| | | placeholder="请输入现居住地址" |
| | | style="width: 410px" |
| | | /> |
| | | <el-input v-model="formIn.address" placeholder="请输入现居住地址" style="width: 410px" /> |
| | | </el-form-item> |
| | | <el-form-item label="体检类别" prop="tjCategory"> |
| | | <el-select |
| | | style="width: 150px" |
| | | v-model="formIn.tjCategory" |
| | | placeholder="请选择体检类别" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_tjtype" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 150px" v-model="formIn.tjCategory" placeholder="请选择体检类别"> |
| | | <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="部门" prop="department"> |
| | | <el-input |
| | | v-model="formIn.department" |
| | | placeholder="请输入部门" |
| | | style="width: 160px" |
| | | /> |
| | | <el-input v-model="formIn.department" placeholder="请输入部门" style="width: 160px" /> |
| | | </el-form-item> |
| | | <el-form-item label="工作单位" prop="company"> |
| | | <el-input |
| | | v-model="formIn.company" |
| | | placeholder="请输入工作单位" |
| | | style="width: 410px" |
| | | /> |
| | | <el-input v-model="formIn.company" placeholder="请输入工作单位" style="width: 410px" /> |
| | | </el-form-item> |
| | | <el-form-item label="职业" prop="career"> |
| | | <el-select |
| | | filterable |
| | | :disabled="isDisabled" |
| | | v-model="formIn.career" |
| | | placeholder="请输入职业" |
| | | style="width: 150px" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_job" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select filterable :disabled="isDisabled" v-model="formIn.career" placeholder="请输入职业" |
| | | style="width: 150px"> |
| | | <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="预约日期" prop="reservationTime"> |
| | | <el-date-picker |
| | | v-model="formIn.reservationTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | :picker-options="setDisabled" |
| | | style="width: 160px" |
| | | > |
| | | <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" |
| | | :picker-options="setDisabled" style="width: 160px"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="时间" prop="timeRegion"> |
| | | <el-select |
| | | style="width: 130px" |
| | | v-model="formIn.timeRegion" |
| | | placeholder="请选择预约时间" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.tj_time_region" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 130px" v-model="formIn.timeRegion" placeholder="请选择预约时间"> |
| | | <el-option v-for="dict in dict.type.tj_time_region" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="卡号" prop="indexCard"> |
| | | <el-input |
| | | v-model="formIn.indexCard" |
| | | placeholder="请输入卡号" |
| | | style="width: 190px" |
| | | /> |
| | | <el-input v-model="formIn.indexCard" placeholder="请输入卡号" style="width: 190px" /> |
| | | </el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | @click="taocan = true" |
| | | size="mini" |
| | | v-show="tijiao1" |
| | | >选择套餐</el-button |
| | | > |
| | | <el-button type="primary" @click="taocan = true" size="mini" v-show="tijiao1">选择套餐</el-button> |
| | | </el-form> |
| | | </div> |
| | | |
| | | <el-dialog |
| | | title="选择套餐" |
| | | :visible.sync="taocan" |
| | | width="35%" |
| | | append-to-body |
| | | > |
| | | <el-tabs |
| | | type="border-card" |
| | | style="height: 538px; margin-left: 10px; width: 600px" |
| | | > |
| | | <el-dialog title="选择套餐" :visible.sync="taocan" width="35%" append-to-body> |
| | | <el-tabs type="border-card" style="height: 538px; margin-left: 10px; width: 600px"> |
| | | <el-tab-pane label="套餐"> |
| | | <el-form |
| | | :model="queryParam" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="auto" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" |
| | | label-width="auto" @submit.native.prevent> |
| | | <el-form-item label="套餐名称" prop="pacName"> |
| | | <el-input |
| | | v-model="queryParam.pacName" |
| | | placeholder="请输入套餐名称" |
| | | clearable |
| | | @keyup.enter.native="handle" |
| | | /> |
| | | <el-input v-model="queryParam.pacName" placeholder="请输入套餐名称" clearable @keyup.enter.native="handle" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handle" |
| | | >查询</el-button |
| | | > |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">查询</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div class="tab4"> |
| | | <div |
| | | class="grid-content bg-purple" |
| | | style="margin-left: 5px; width: 100%" |
| | | > |
| | | <el-table |
| | | v-loading="loading" |
| | | element-loading-text="正在加载中..." |
| | | border |
| | | element-loading-spinner="el-icon-loading" |
| | | :data="newpacName" |
| | | @select="handleSelectionChange1" |
| | | height="430" |
| | | ref="tb" |
| | | style="width: 900px" |
| | | > |
| | | <div class="grid-content bg-purple" style="margin-left: 5px; width: 100%"> |
| | | <el-table v-loading="loading" element-loading-text="正在加载中..." border |
| | | element-loading-spinner="el-icon-loading" :data="newpacName" @select="handleSelectionChange1" |
| | | height="430" ref="tb" style="width: 900px"> |
| | | <template slot="empty">数据正在加载中</template> |
| | | <el-table-column |
| | | type="selection" |
| | | width="40px" |
| | | align="center" |
| | | label="选择" |
| | | /> |
| | | <el-table-column |
| | | label="套餐名称" |
| | | align="center" |
| | | prop="pacName" |
| | | width="120px" |
| | | /> |
| | | <el-table-column |
| | | label="套餐明细" |
| | | align="center" |
| | | prop="allProName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column type="selection" width="40px" align="center" label="选择" /> |
| | | <el-table-column label="套餐名称" align="center" prop="pacName" width="120px" /> |
| | | <el-table-column label="套餐明细" align="center" prop="allProName" :show-overflow-tooltip="true" /> |
| | | </el-table> |
| | | </div> |
| | | <!-- <el-button |
| | |
| | | <el-tab-pane label="单项"> |
| | | <div class="tab3"> |
| | | <div class="tab2"> |
| | | <el-tree |
| | | :data="data" |
| | | show-checkbox |
| | | node-key="proId" |
| | | :props="defaultProps" |
| | | @check-change="handleCurrentChecked" |
| | | > |
| | | <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" |
| | | @check-change="handleCurrentChecked"> |
| | | </el-tree> |
| | | </div> |
| | | <!-- <el-button |
| | | style=" |
| | | width: 20px; |
| | | height: 100px; |
| | | margin-left: 10px; |
| | | margin-top: 20%; |
| | | font-size: 10px; |
| | | " |
| | | type="primary" |
| | | size="mini" |
| | | @click="submit" |
| | | ><i |
| | | style="font-size: 18px" |
| | | class="el-icon-d-arrow-right" |
| | | ></i |
| | | ></el-button> --> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | |
| | | <template> |
| | | <el-form :model="form" :inline="true" label-width="68px"> |
| | | <el-form-item label="体检类型"> |
| | | <el-select |
| | | style="width: 160px" |
| | | v-model="form.tjType" |
| | | placeholder="请选择体检类型" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_team" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 160px" v-model="form.tjType" placeholder="请选择体检类型"> |
| | | <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <!-- <div class="tab1"> --> |
| | | <!-- <el-form :inline="true" class="tab1"> --> |
| | | <el-form-item label="应收金额"> |
| | | <el-input |
| | | placeholder="应收金额" |
| | | :value="TotalPrice1 + '.00'" |
| | | disabled |
| | | style="width: 160px" |
| | | ></el-input> |
| | | <el-input placeholder="应收金额" :value="TotalPrice1 + '.00'" disabled style="width: 160px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="优惠折扣"> |
| | | <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> --> |
| | | <el-input-number |
| | | ref="inputNumber" |
| | | style="width: 130px" |
| | | v-model="discount" |
| | | :precision="2" |
| | | :step="0.1" |
| | | :max="10" |
| | | :min="1" |
| | | @change="numberChange" |
| | | :disabled="isfalse" |
| | | ></el-input-number> |
| | | <el-input-number ref="inputNumber" style="width: 130px" v-model="discount" :precision="2" |
| | | :step="0.1" :max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="实收金额"> |
| | | <el-input |
| | | placeholder="实收金额" |
| | | v-model="TotalPrice" |
| | | style="width: 120px" |
| | | ></el-input> |
| | | <el-input placeholder="实收金额" v-model="TotalPrice" style="width: 120px"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | @click="submitPrice" |
| | | :disabled="confirm" |
| | | size="mini" |
| | | v-show="tijiao1" |
| | | >签到登记</el-button |
| | | > |
| | | <el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini" |
| | | v-show="tijiao1">签到登记</el-button> |
| | | </el-form-item> |
| | | <!-- </el-form> --> |
| | | <!-- </div> --> |
| | |
| | | <div style="text-align: center; margin-bottom: 10px"> |
| | | 已选项目列表 |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | padding: 0px 6px; |
| | | border: 1px solid #e6ebf5; |
| | | max-height: 420px; |
| | | overflow: auto; |
| | | " |
| | | > |
| | | "> |
| | | <el-collapse v-model="index" accordion v-if="list3"> |
| | | <div |
| | | class="info1" |
| | | v-for="(item, index) in tableData1" |
| | | :key="'info1-' + index" |
| | | > |
| | | <div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index"> |
| | | <el-collapse-item :name="index"> |
| | | <template slot="title"> |
| | | {{ |
| | |
| | | ".00元)" |
| | | }} |
| | | </template> |
| | | <el-table |
| | | :data="item.list" |
| | | border |
| | | style="width: 100%" |
| | | height="270" |
| | | > |
| | | <el-table-column |
| | | prop="proName" |
| | | label="项目" |
| | | width="180" |
| | | > |
| | | <el-table :data="item.list" border style="width: 100%" height="270"> |
| | | <el-table-column prop="proName" label="项目" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="ordPrice" label="应收金额"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="nowPrice" |
| | | label="实收金额" |
| | | > |
| | | <el-table-column prop="nowPrice" label="实收金额"> |
| | | </el-table-column> |
| | | |
| | | </el-table> |
| | |
| | | </el-collapse> |
| | | |
| | | <el-collapse v-model="activeName" accordion v-if="list2"> |
| | | <div |
| | | class="info" |
| | | v-for="(item, index) in tableData1" |
| | | :key="'info-' + index" |
| | | > |
| | | <div class="info" v-for="(item, index) in tableData1" :key="'info-' + index"> |
| | | <el-collapse-item> |
| | | <template slot="title"> |
| | | {{ item.pacName }} |
| | | </template> |
| | | <el-table |
| | | :data="item.tjProjectList" |
| | | border |
| | | style="width: 100%" |
| | | height="250" |
| | | > |
| | | <el-table :data="item.tjProjectList" border style="width: 100%" height="250"> |
| | | <el-table-column prop="proName" label="项目" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="proSex" label="性别" width="180"> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-dialog |
| | | title="导检单预览" |
| | | :visible.sync="dialogVisibles" |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-dialog title="导检单预览" :visible.sync="dialogVisibles" :close-on-click-modal="false"> |
| | | <div class="main"> |
| | | <iframe |
| | | id="printIframe" |
| | | :src="url" |
| | | frameborder="0" |
| | | style="width: 100%; height: 100%" |
| | | ></iframe> |
| | | <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | </el-drawer> |
| | | |
| | | <div style=" |
| | | position: absolute; |
| | | bottom: 100px; |
| | | left: 500px; |
| | | width: 700px; |
| | | display: none; |
| | | "> |
| | | <div id="printBill"> |
| | | <div style="font-size: 13px; color: #000000"> |
| | | <div style="width: 48%; margin-top: 10px"> |
| | | 姓名:{{ fmobj.name }} |
| | | </div> |
| | | <div style="width: 48%; margin-top: 10px"> |
| | | 性别:{{ fmobj.sex === 0 ? "男" : "女" }} |
| | | </div> |
| | | <div style="width: 48%; margin-top: 10px"> |
| | | 电话:{{ fmobj.phoe }} |
| | | </div> |
| | | <div style="width: 48%; margin-top: 10px"> |
| | | 日期:{{ fmobj.reservationTime }} |
| | | </div> |
| | | <div style="width: 58%; margin-top: 10px"> |
| | | 套餐:{{ pacName }} |
| | | </div> |
| | | <div style="width: 100%; margin-top: 10px">温馨提示:</div> |
| | | <div style="width: 100%">1、采血,腹部彩超检查后方可用餐。</div> |
| | | <div style="width: 100%"> |
| | | 2、近期若有生育计划及未成年人,不宜进行胸片、双能骨密度等放射检查。 |
| | | </div> |
| | | <div style="width: 100%"> |
| | | 3、怀孕或可能已受孕的女士,还应避免妇科、放射科及阴式超声检查。 |
| | | </div> |
| | | <div style="width: 100%"> |
| | | 4、经期女性不宜进行妇科及尿常规检查。 |
| | | </div> |
| | | <div style="width: 100%"> |
| | | 5、若您在等待检查过程中有疑问,请及时联系导检护士。 |
| | | </div> |
| | | <div style="width: 100%"> |
| | | 6、体检结束后请将导检单交还至前台。 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 修改预约登记信息对话框 --> |
| | | <el-drawer title="预约信息维护" :visible.sync="drawer" size="55%"> |
| | | <template> |
| | | <div> |
| | | <div style="width: 1000px"> |
| | | <el-form |
| | | style="margin: 0px 8px" |
| | | :inline="true" |
| | | ref="formIn" |
| | | :model="formIn" |
| | | :rules="rules" |
| | | :label-position="labelPosition" |
| | | class="demo-form-inline" |
| | | label-width="78px" |
| | | > |
| | | <el-form style="margin: 0px 8px" :inline="true" ref="formIn" :model="formIn" :rules="rules" |
| | | :label-position="labelPosition" class="demo-form-inline" label-width="78px"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | v-model="formIn.name" |
| | | placeholder="请输入姓名" |
| | | style="width: 160px" |
| | | /> |
| | | <el-input v-model="formIn.name" placeholder="请输入姓名" style="width: 160px" /> |
| | | </el-form-item> |
| | | <el-form-item label="证件类型" prop="idType"> |
| | | <el-select |
| | | style="width: 160px" |
| | | v-model="formIn.idType" |
| | | placeholder="请选择证件类型" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_user_cardtype" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 160px" v-model="formIn.idType" placeholder="请选择证件类型"> |
| | | <el-option v-for="dict in dict.type.dict_user_cardtype" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="证件号" prop="idCard"> |
| | | <el-input |
| | | style="width: 186px" |
| | | v-model="formIn.idCard" |
| | | placeholder="请输入身份证号" |
| | | /> |
| | | <el-input style="width: 186px" v-model="formIn.idCard" placeholder="请输入身份证号" /> |
| | | </el-form-item> |
| | | <el-form-item label="年龄" prop="age"> |
| | | <el-input style="width: 55px" v-model="formIn.age" /> |
| | | </el-form-item> |
| | | <el-form-item prop="ageUnit"> |
| | | <el-select |
| | | style="width: 60px" |
| | | v-model="formIn.ageUnit" |
| | | @change="formchang" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_ageunit" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 60px" v-model="formIn.ageUnit" @change="formchang"> |
| | | <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select |
| | | style="width: 160px" |
| | | v-model="formIn.sex" |
| | | placeholder="请选择性别" |
| | | @change="formchang" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.sys_user_sex" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="parseInt(dict.value)" |
| | | ></el-option> |
| | | <el-select style="width: 160px" v-model="formIn.sex" placeholder="请选择性别" @change="formchang"> |
| | | <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" |
| | | :value="parseInt(dict.value)"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phoe"> |
| | | <el-input |
| | | v-model="formIn.phoe" |
| | | placeholder="请输入联系电话" |
| | | style="width: 160px" |
| | | /> |
| | | <el-input v-model="formIn.phoe" placeholder="请输入联系电话" style="width: 160px" /> |
| | | </el-form-item> |
| | | <el-form-item label="民族" prop="nation"> |
| | | <el-select |
| | | v-model="formIn.nation" |
| | | placeholder="请选择民族" |
| | | style="width: 160px" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_user_national" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="parseInt(dict.value)" |
| | | ></el-option> |
| | | <el-select v-model="formIn.nation" placeholder="请选择民族" style="width: 160px"> |
| | | <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label" |
| | | :value="parseInt(dict.value)"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱" prop="email"> |
| | | <el-input |
| | | v-model="formIn.email" |
| | | placeholder="请输入邮箱" |
| | | style="width: 150px" |
| | | /> |
| | | <el-input v-model="formIn.email" placeholder="请输入邮箱" style="width: 150px" /> |
| | | </el-form-item> |
| | | <el-form-item label="婚姻" prop="marriage"> |
| | | <el-select |
| | | style="width: 160px" |
| | | v-model="formIn.marriage" |
| | | placeholder="请选择婚姻状况" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_user_marry" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="parseInt(dict.value)" |
| | | ></el-option> |
| | | <el-select style="width: 160px" v-model="formIn.marriage" placeholder="请选择婚姻状况"> |
| | | <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label" |
| | | :value="parseInt(dict.value)"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="现住址" prop="address"> |
| | | <el-input |
| | | v-model="formIn.address" |
| | | placeholder="请输入现居住地址" |
| | | style="width: 410px" |
| | | /> |
| | | <el-input v-model="formIn.address" placeholder="请输入现居住地址" style="width: 410px" /> |
| | | </el-form-item> |
| | | <el-form-item label="体检类别" prop="tjCategory"> |
| | | <el-select |
| | | style="width: 150px" |
| | | v-model="formIn.tjCategory" |
| | | placeholder="请选择体检类别" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_tjtype" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 150px" v-model="formIn.tjCategory" placeholder="请选择体检类别"> |
| | | <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="部门" prop="department"> |
| | | <el-input |
| | | v-model="formIn.department" |
| | | placeholder="请输入部门" |
| | | style="width: 160px" |
| | | /> |
| | | <el-input v-model="formIn.department" placeholder="请输入部门" style="width: 160px" /> |
| | | </el-form-item> |
| | | <el-form-item label="工作单位" prop="company"> |
| | | <el-input |
| | | v-model="formIn.company" |
| | | placeholder="请输入工作单位" |
| | | style="width: 410px" |
| | | /> |
| | | <el-input v-model="formIn.company" placeholder="请输入工作单位" style="width: 410px" /> |
| | | </el-form-item> |
| | | <el-form-item label="职业" prop="career"> |
| | | <el-select |
| | | filterable |
| | | :disabled="isDisabled" |
| | | v-model="formIn.career" |
| | | placeholder="请输入职业" |
| | | style="width: 150px" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_job" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select filterable :disabled="isDisabled" v-model="formIn.career" placeholder="请输入职业" |
| | | style="width: 150px"> |
| | | <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="预约日期" prop="reservationTime"> |
| | | <el-date-picker |
| | | v-model="formIn.reservationTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | :picker-options="setDisabled" |
| | | style="width: 160px" |
| | | > |
| | | <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" |
| | | :picker-options="setDisabled" style="width: 160px"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="时间" prop="timeRegion"> |
| | | <el-select |
| | | style="width: 130px" |
| | | v-model="formIn.timeRegion" |
| | | placeholder="请选择预约时间" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.tj_time_region" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 130px" v-model="formIn.timeRegion" placeholder="请选择预约时间"> |
| | | <el-option v-for="dict in dict.type.tj_time_region" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="卡号" prop="indexCard"> |
| | | <el-input |
| | | v-model="formIn.indexCard" |
| | | placeholder="请输入卡号" |
| | | style="width: 190px" |
| | | /> |
| | | <el-input v-model="formIn.indexCard" placeholder="请输入卡号" style="width: 190px" /> |
| | | </el-form-item> |
| | | <el-button type="primary" @click="taocan = true" size="mini" |
| | | >选择套餐</el-button |
| | | > |
| | | <el-button type="primary" @click="taocan = true" size="mini">选择套餐</el-button> |
| | | </el-form> |
| | | </div> |
| | | |
| | | <el-dialog |
| | | title="选择套餐" |
| | | :visible.sync="taocan" |
| | | width="35%" |
| | | append-to-body |
| | | > |
| | | <el-tabs |
| | | type="border-card" |
| | | style="height: 538px; margin-left: 10px; width: 600px" |
| | | > |
| | | <el-dialog title="选择套餐" :visible.sync="taocan" width="35%" append-to-body> |
| | | <el-tabs type="border-card" style="height: 538px; margin-left: 10px; width: 600px"> |
| | | <el-tab-pane label="套餐"> |
| | | <el-form |
| | | :model="queryParam" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="auto" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" |
| | | label-width="auto" @submit.native.prevent> |
| | | <el-form-item label="套餐名称" prop="pacName"> |
| | | <el-input |
| | | v-model="queryParam.pacName" |
| | | placeholder="请输入套餐名称" |
| | | clearable |
| | | @keyup.enter.native="handle" |
| | | /> |
| | | <el-input v-model="queryParam.pacName" placeholder="请输入套餐名称" clearable @keyup.enter.native="handle" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handle" |
| | | >查询</el-button |
| | | > |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">查询</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div class="tab4"> |
| | | <div |
| | | class="grid-content bg-purple" |
| | | style="margin-left: 5px; width: 100%" |
| | | > |
| | | <el-table |
| | | v-loading="loading" |
| | | element-loading-text="正在加载中..." |
| | | border |
| | | element-loading-spinner="el-icon-loading" |
| | | :data="newpacName" |
| | | @select="handleSelectionChange1" |
| | | height="430" |
| | | ref="tb" |
| | | style="width: 900px" |
| | | > |
| | | <div class="grid-content bg-purple" style="margin-left: 5px; width: 100%"> |
| | | <el-table v-loading="loading" element-loading-text="正在加载中..." border |
| | | element-loading-spinner="el-icon-loading" :data="newpacName" @select="handleSelectionChange1" |
| | | height="430" ref="tb" style="width: 900px"> |
| | | <template slot="empty">数据正在加载中</template> |
| | | <el-table-column |
| | | type="selection" |
| | | width="40px" |
| | | align="center" |
| | | label="选择" |
| | | /> |
| | | <el-table-column |
| | | label="套餐名称" |
| | | align="center" |
| | | prop="pacName" |
| | | width="120px" |
| | | /> |
| | | <el-table-column |
| | | label="套餐明细" |
| | | align="center" |
| | | prop="allProName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column type="selection" width="40px" align="center" label="选择" /> |
| | | <el-table-column label="套餐名称" align="center" prop="pacName" width="120px" /> |
| | | <el-table-column label="套餐明细" align="center" prop="allProName" :show-overflow-tooltip="true" /> |
| | | </el-table> |
| | | </div> |
| | | <!-- <el-button |
| | |
| | | <el-tab-pane label="单项"> |
| | | <div class="tab3"> |
| | | <div class="tab2"> |
| | | <el-tree |
| | | :data="data" |
| | | show-checkbox |
| | | node-key="proId" |
| | | :props="defaultProps" |
| | | @check-change="handleCurrentChecked" |
| | | > |
| | | <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" |
| | | @check-change="handleCurrentChecked"> |
| | | </el-tree> |
| | | </div> |
| | | <!-- <el-button |
| | |
| | | <template> |
| | | <el-form :model="form" :inline="true" label-width="68px"> |
| | | <el-form-item label="体检类型"> |
| | | <el-select |
| | | style="width: 160px" |
| | | v-model="form.tjType" |
| | | placeholder="请选择体检类型" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_team" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select style="width: 160px" v-model="form.tjType" placeholder="请选择体检类型"> |
| | | <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <!-- <div class="tab1"> --> |
| | | <!-- <el-form :inline="true" class="tab1"> --> |
| | | <el-form-item label="应收金额"> |
| | | <el-input |
| | | placeholder="应收金额" |
| | | :value="TotalPrice1 + '.00'" |
| | | disabled |
| | | style="width: 160px" |
| | | ></el-input> |
| | | <el-input placeholder="应收金额" :value="TotalPrice1 + '.00'" disabled style="width: 160px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="优惠折扣"> |
| | | <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> --> |
| | | <el-input-number |
| | | ref="inputNumber" |
| | | style="width: 130px" |
| | | v-model="discount" |
| | | :precision="2" |
| | | :step="0.1" |
| | | :max="10" |
| | | :min="1" |
| | | @change="numberChange" |
| | | :disabled="isfalse" |
| | | ></el-input-number> |
| | | <el-input-number ref="inputNumber" style="width: 130px" v-model="discount" :precision="2" |
| | | :step="0.1" :max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="实收金额"> |
| | | <el-input |
| | | placeholder="实收金额" |
| | | v-model="TotalPrice" |
| | | style="width: 120px" |
| | | ></el-input> |
| | | <el-input placeholder="实收金额" v-model="TotalPrice" style="width: 120px"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | @click="submitPrice" |
| | | :disabled="confirm" |
| | | size="mini" |
| | | >签到登记</el-button |
| | | > |
| | | <el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini">签到登记</el-button> |
| | | </el-form-item> |
| | | <!-- </el-form> --> |
| | | <!-- </div> --> |
| | |
| | | <div style="text-align: center; margin-bottom: 10px"> |
| | | 已选项目列表 |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | padding: 0px 6px; |
| | | border: 1px solid #e6ebf5; |
| | | max-height: 420px; |
| | | overflow: auto; |
| | | " |
| | | > |
| | | "> |
| | | <el-collapse v-model="index" accordion v-if="list3"> |
| | | <div |
| | | class="info1" |
| | | v-for="(item, index) in tableData1" |
| | | :key="'info1-' + index" |
| | | > |
| | | <div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index"> |
| | | <el-collapse-item :name="index"> |
| | | <template slot="title"> |
| | | {{ |
| | |
| | | ".00元)" |
| | | }} |
| | | </template> |
| | | <el-table |
| | | :data="item.list" |
| | | border |
| | | style="width: 100%" |
| | | height="270" |
| | | > |
| | | <el-table :data="item.list" border style="width: 100%" height="270"> |
| | | <el-table-column prop="proName" label="项目" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="proSex" label="性别" width="180"> |
| | |
| | | </el-collapse> |
| | | |
| | | <el-collapse v-model="activeName" accordion v-if="list2"> |
| | | <div |
| | | class="info" |
| | | v-for="(item, index) in tableData1" |
| | | :key="'info-' + index" |
| | | > |
| | | <div class="info" v-for="(item, index) in tableData1" :key="'info-' + index"> |
| | | <el-collapse-item> |
| | | <template slot="title"> |
| | | {{ item.pacName }} |
| | | </template> |
| | | <el-table |
| | | :data="item.tjProjectList" |
| | | border |
| | | style="width: 100%" |
| | | height="250" |
| | | > |
| | | <el-table :data="item.tjProjectList" border style="width: 100%" height="250"> |
| | | <el-table-column prop="proName" label="项目" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="proSex" label="性别" width="180"> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-dialog |
| | | title="导检单预览" |
| | | :visible.sync="dialogVisibles" |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-dialog title="导检单预览" :visible.sync="dialogVisibles" :close-on-click-modal="false"> |
| | | <div class="main"> |
| | | <iframe |
| | | id="printIframe" |
| | | :src="url" |
| | | frameborder="0" |
| | | style="width: 100%; height: 100%" |
| | | ></iframe> |
| | | <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | listReservation, |
| | | gettjCancel, |
| | | tjReappoint, |
| | | tjCancelTj, |
| | | } from "@/api/reservation/reservation"; |
| | | import { listReservation, gettjCancel, tjReappoint, tjCancelTj, } from "@/api/reservation/reservation"; |
| | | import printJS from "print-js"; |
| | | import { |
| | | deptTreeSelect, |
| | | projectGetList, |
| | | getOrder, |
| | | getCusIdcard, |
| | | getPackageListName, |
| | | getaddtTransition, |
| | | getTransitionList, |
| | | getGuide, |
| | | getaddTj, |
| | | } from "@/api/system/tijian"; |
| | | import { deptTreeSelect, projectGetList, getPackageListName, getaddtTransition, getTransitionList, } from "@/api/system/tijian"; |
| | | import { getCompany, queryCompany } from "@/api/team/tuanti"; |
| | | import user from "@/store/modules/user"; |
| | | export default { |
| | | name: "Reservation", |
| | | dicts: [ |
| | | "dict_user_national", |
| | | "dict_user_national", |
| | | "dict_user_marry", |
| | | "sys_yes_no", |
| | | "sys_user_sex", |
| | | "dict_team", |
| | | "tj_time_region", |
| | | "dict_tjtype", |
| | | "dict_job", |
| | | "dict_user_cardtype", |
| | | "dict_ageunit", |
| | | ], |
| | | dicts: ["dict_user_national", "dict_user_national", "dict_user_marry", "sys_yes_no", |
| | | "sys_user_sex", "dict_team", "tj_time_region", "dict_tjtype", "dict_job", |
| | | "dict_user_cardtype", "dict_ageunit",], |
| | | data() { |
| | | return { |
| | | isfalse:false, |
| | |
| | | cusIsvip: null, |
| | | }, |
| | | formIn: {}, |
| | | fmobj: {}, |
| | | // 表单校验 |
| | | rules: { |
| | | cusName: [{ required: true, message: "姓名不能为空", trigger: "blur" }], |
| | |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | selection.forEach(item =>{ |
| | | this.fmobj = item |
| | | }) |
| | | console.log(this.fmobj) |
| | | this.ids = selection.map((item) => item.id); |
| | | this.single = selection.length !== 1; |
| | | this.multiple = !selection.length; |
| | |
| | | } else { |
| | | this.proIds = []; |
| | | } |
| | | }, |
| | | |
| | | receipt() { |
| | | setTimeout(function () { |
| | | const style = |
| | | "@media print { @page{margin:0 10mm,size:4mm 6mm;}};"; //打印时去掉眉页眉尾 |
| | | printJS({ |
| | | printable: "printBill", // 标签元素id |
| | | type: "html", |
| | | header: "", |
| | | targetStyles: ["*"], |
| | | scanStyles: false, //打印必须加上,不然页面上的css样式无效 |
| | | style, |
| | | }); |
| | | }, 100); |
| | | }, |
| | | |
| | | // 项目提交 |
| | |
| | | width: 300px; |
| | | height: 300px; |
| | | } |
| | | |
| | | .tj1 { |
| | | width: 230px; |
| | | display: flex; |