| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="objs" |
| | | :rules="rules" |
| | | ref="form" |
| | | size="small" |
| | | :inline="true" |
| | | label-width="100px" |
| | | > |
| | | <el-form-item label="单位名称" prop="drugManufacturerId"> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="objs.drugManufacturerId" |
| | | remote |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @clear="getCompanyList" |
| | | @change="idFn" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.cnName" |
| | | :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" |
| | | /> |
| | | </el-select> |
| | | <i class="el-icon-circle-plus-outline" @click="handleAdd"></i> |
| | | </el-form-item> |
| | | <el-form-item label="部门" prop="dwDeptName"> |
| | | <el-select |
| | | v-model="objs.dwDeptName" |
| | | placeholder="请选择部门" |
| | | style="width: 200px" |
| | | clearable |
| | | @change="idBm" |
| | | > |
| | | <el-option |
| | | v-for="dict in deptList" |
| | | :key="dict.id" |
| | | :label="dict.dwDeptName" |
| | | :value="dict.id" |
| | | /> |
| | | </el-select> |
| | | <i class="el-icon-circle-plus-outline" @click="handleAddbumen"></i> |
| | | </el-form-item> |
| | | <el-form-item label="预约时间" prop="reservationTime"> |
| | | <el-date-picker |
| | | clearable |
| | | v-model="objs.reservationTime" |
| | | type="date" |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | | style="width: 220px" |
| | | placeholder="请选择预约日期" |
| | | @change="selectTime" |
| | | :picker-options="setDisabled" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="objs" |
| | | :rules="rules" |
| | | ref="form" |
| | | size="small" |
| | | :inline="true" |
| | | label-width="100px" |
| | | > |
| | | <el-form-item label="单位名称" prop="compId"> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="objs.compId" |
| | | remote |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @clear="getCompanyList" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.cnName" |
| | | :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" |
| | | /> |
| | | </el-select> |
| | | <i class="el-icon-circle-plus-outline" @click="handleAdd"></i> |
| | | </el-form-item> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | v-model="objs.name" |
| | | placeholder="请输入姓名" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="预约时间" prop="reservationTime"> |
| | | <el-date-picker |
| | | clearable |
| | | v-model="objs.reservationTime" |
| | | type="date" |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | | style="width: 220px" |
| | | placeholder="请选择预约日期" |
| | | @change="selectTime" |
| | | :picker-options="setDisabled" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | |
| | | >重置</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8" style="margin: 5px 20px"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | class="btn" |
| | | icon="el-icon-thumb" |
| | | :disabled="isdisabled" |
| | | size="mini" |
| | | @click="submitForm" |
| | | > |
| | | 批量签到</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | class="btn" |
| | | icon="el-icon-thumb" |
| | | :disabled="isdisabled" |
| | | size="mini" |
| | | @click="submitForm" |
| | | > |
| | | 批量打印导检单</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | <div style="margin: 5px 20px; width: 94%"> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | | :summary-method="getSummaries" |
| | | show-summary |
| | | border |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8" style="margin: 5px 20px"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | class="btn" |
| | | icon="el-icon-thumb" |
| | | :disabled="isdisabled" |
| | | size="mini" |
| | | @click="submitForm" |
| | | > |
| | | <el-table-column type="selection" width="55" align="center" fixed="left" /> |
| | | <el-table-column |
| | | label="单位名称" |
| | | align="center" |
| | | prop="company" |
| | | width="200" |
| | | /> |
| | | <el-table-column label="工号" align="center" prop="jobNo" width="80" /> |
| | | <el-table-column label="姓名" align="center" prop="name" width="75" /> |
| | | <el-table-column label="性别" align="center" prop="sex" width="75"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_user_sex" |
| | | :value="scope.row.sex" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="身份证号" |
| | | align="center" |
| | | prop="idCard" |
| | | width="200" |
| | | /> |
| | | <el-table-column label="年龄" align="center" prop="age" width="75" /> |
| | | <el-table-column |
| | | label="出生日期" |
| | | align="center" |
| | | prop="birthday" |
| | | width="100" |
| | | /> |
| | | <el-table-column label="职位" align="center" prop="position" /> |
| | | <el-table-column label="部门" align="center" prop="department" /> |
| | | <el-table-column label="部门编号" align="center" prop="departmentId" /> |
| | | <el-table-column |
| | | label="联系电话" |
| | | align="center" |
| | | prop="phoe" |
| | | width="120" |
| | | /> |
| | | <el-table-column label="地址" align="center" prop="address" /> |
| | | <el-table-column |
| | | label="婚姻状况" |
| | | align="center" |
| | | prop="marriage" |
| | | key="marriage" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.dict_user_marry" |
| | | :value="scope.row.marriage" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="民族" align="center" prop="nation" key="nation"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.dict_user_national" |
| | | :value="scope.row.nation" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="联系邮箱" align="center" prop="email" /> |
| | | <!-- <el-table-column label="体检类别" align="center" prop="tjCategory" /> --> |
| | | <el-table-column label="分组" align="center" prop="groupingName" /> |
| | | <el-table-column label="项目收费" align="center" prop="ysPrice" /> |
| | | </el-table> |
| | | </div> |
| | | |
| | | <!-- 添加或修改体检单位信息维护对话框 --> |
| | | <div class="dia"> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | width="1000px" |
| | | append-to-body |
| | | 批量签到</el-button |
| | | > |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | :rules="rules" |
| | | label-width="100px" |
| | | :inline="true" |
| | | > |
| | | <el-form-item label="单位名称" prop="cnName"> |
| | | <el-input v-model="form.cnName" placeholder="请输入中文名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系人" prop="contactPerson"> |
| | | <el-input v-model="form.contactPerson" placeholder="请输入联系人" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="contactPhone"> |
| | | <el-input |
| | | v-model="form.contactPhone" |
| | | placeholder="请输入联系电话" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="税号" prop="taxNumber"> |
| | | <el-input v-model="form.taxNumber" placeholder="请输入税号" /> |
| | | </el-form-item> |
| | | <el-form-item label="法人" prop="legalPerson"> |
| | | <el-input v-model="form.legalPerson" placeholder="请输入法人" /> |
| | | </el-form-item> |
| | | <el-form-item label="注册地址" prop="registerAddress"> |
| | | <el-input |
| | | v-model="form.registerAddress" |
| | | placeholder="请输入注册地址" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="通讯地址" prop="mailingAddress"> |
| | | <el-input |
| | | v-model="form.mailingAddress" |
| | | placeholder="请输入通讯地址" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="开户银行" prop="bankAccount"> |
| | | <el-input v-model="form.bankAccount" placeholder="请输入开户银行" /> |
| | | </el-form-item> |
| | | <el-form-item label="银行账户" prop="countNum"> |
| | | <el-input v-model="form.countNum" placeholder="请输入银行账户" /> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱" prop="email"> |
| | | <el-input v-model="form.email" placeholder="请输入邮箱" /> |
| | | </el-form-item> |
| | | <el-form-item label="负责人" prop="principal"> |
| | | <el-input v-model="form.principal" placeholder="请输入负责人" /> |
| | | </el-form-item> |
| | | <el-form-item label="网址" prop="url"> |
| | | <el-input v-model="form.url" placeholder="请输入网址" /> |
| | | </el-form-item> |
| | | <el-form-item label="传真" prop="faxNumber"> |
| | | <el-input v-model="form.faxNumber" placeholder="请输入传真" /> |
| | | </el-form-item> |
| | | <el-form-item label="行政区划名称" prop="areaName"> |
| | | <el-input |
| | | v-model="form.areaName" |
| | | placeholder="请输入行政区划名称" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="排序" prop="orderNum"> |
| | | <el-input v-model="form.orderNum" placeholder="请输入排序" /> |
| | | </el-form-item> |
| | | <el-form-item label="有效时间" prop="validTime"> |
| | | <el-date-picker |
| | | clearable |
| | | v-model="form.validTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择有效时间" |
| | | > |
| | | </el-date-picker> </el-form-item |
| | | ><br /> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input |
| | | v-model="form.remark" |
| | | type="textarea" |
| | | placeholder="请输入内容" |
| | | :rows="2" |
| | | label-width="400px" |
| | | style="width: 830px" |
| | | resize="none" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer2"> |
| | | <el-button type="primary" @click="submitFormS">确 定</el-button> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | |
| | | <!-- 添加或修改部门信息维护对话框 --> |
| | | <div class="dia"> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open1" |
| | | width="1000px" |
| | | append-to-body |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | class="btn" |
| | | icon="el-icon-thumb" |
| | | :disabled="isdisabled" |
| | | size="mini" |
| | | @click="submitForm" |
| | | > |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | :rules="rules" |
| | | label-width="100px" |
| | | :inline="true" |
| | | 批量打印导检单</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row :gutter="20" style="margin: 8px 15px"> |
| | | <el-col :span="12"> |
| | | <div> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | | @selection-change="handleSelectionChange" |
| | | border |
| | | > |
| | | <el-form-item label="单位名称" prop="drugManufacturerId"> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="objs.drugManufacturerId" |
| | | remote |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @clear="getCompanyList" |
| | | @change="idFn1" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.cnName" |
| | | :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | align="center" |
| | | fixed="left" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="部门名称" prop="dwDeptName"> |
| | | <el-input v-model="form.dwDeptName" placeholder="请输入部门名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="签约金额" prop="signingPrice"> |
| | | <el-input |
| | | v-model="form.signingPrice" |
| | | placeholder="请输入签约金额" |
| | | /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer2"> |
| | | <el-button type="primary" @click="handleAddDept">确 定</el-button> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-table-column |
| | | label="单位名称" |
| | | align="center" |
| | | prop="company" |
| | | width="200" |
| | | /> |
| | | <el-table-column |
| | | label="工号" |
| | | align="center" |
| | | prop="jobNo" |
| | | width="80" |
| | | /> |
| | | <el-table-column |
| | | label="姓名" |
| | | align="center" |
| | | prop="name" |
| | | width="75" |
| | | /> |
| | | <el-table-column label="性别" align="center" prop="sex" width="75"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_user_sex" |
| | | :value="scope.row.sex" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="身份证号" |
| | | align="center" |
| | | prop="idCard" |
| | | width="200" |
| | | /> |
| | | <el-table-column |
| | | label="年龄" |
| | | align="center" |
| | | prop="age" |
| | | width="75" |
| | | /> |
| | | <el-table-column |
| | | label="出生日期" |
| | | align="center" |
| | | prop="birthday" |
| | | width="100" |
| | | /> |
| | | <el-table-column label="职位" align="center" prop="position" /> |
| | | <el-table-column label="部门" align="center" prop="department" /> |
| | | <el-table-column |
| | | label="部门编号" |
| | | align="center" |
| | | prop="departmentId" |
| | | /> |
| | | <el-table-column |
| | | label="联系电话" |
| | | align="center" |
| | | prop="phoe" |
| | | width="120" |
| | | /> |
| | | <el-table-column label="地址" align="center" prop="address" /> |
| | | <el-table-column |
| | | label="婚姻状况" |
| | | align="center" |
| | | prop="marriage" |
| | | key="marriage" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.dict_user_marry" |
| | | :value="scope.row.marriage" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="民族" |
| | | align="center" |
| | | prop="nation" |
| | | key="nation" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.dict_user_national" |
| | | :value="scope.row.nation" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="联系邮箱" align="center" prop="email" /> |
| | | <!-- <el-table-column label="体检类别" align="center" prop="tjCategory" /> --> |
| | | <el-table-column label="分组" align="center" prop="groupingName" /> |
| | | <el-table-column label="项目收费" align="center" prop="ysPrice" /> |
| | | </el-table> |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | | <pagination v-show="total > 0" :total="total" :page.sync="objs.page" |
| | | :limit.sync="objs.pageSize" @pagination="handleQuery" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-table |
| | | :data="selectList" |
| | | border |
| | | > |
| | | <el-table-column |
| | | label="工号" |
| | | align="center" |
| | | prop="jobNo" |
| | | width="80" |
| | | /> |
| | | <el-table-column |
| | | label="姓名" |
| | | align="center" |
| | | prop="name" |
| | | width="75" |
| | | /> |
| | | <el-table-column label="性别" align="center" prop="sex" width="75"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_user_sex" |
| | | :value="scope.row.sex" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="身份证号" |
| | | align="center" |
| | | prop="idCard" |
| | | width="200" |
| | | /> |
| | | <el-table-column |
| | | label="联系电话" |
| | | align="center" |
| | | prop="phoe" |
| | | width="120" |
| | | /> |
| | | <el-table-column label="分组" align="center" prop="groupingName" /> |
| | | <el-table-column label="项目收费" align="center" prop="ysPrice" /> |
| | | <el-table-column fixed="right" label="操作" align="center" width="90px" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
| | | title="删除"></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <!-- 添加或修改体检单位信息维护对话框 --> |
| | | <div class="dia"> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | width="1000px" |
| | | append-to-body |
| | | > |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | :rules="rules" |
| | | label-width="100px" |
| | | :inline="true" |
| | | > |
| | | <el-form-item label="单位名称" prop="cnName"> |
| | | <el-input v-model="form.cnName" placeholder="请输入中文名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系人" prop="contactPerson"> |
| | | <el-input v-model="form.contactPerson" placeholder="请输入联系人" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="contactPhone"> |
| | | <el-input |
| | | v-model="form.contactPhone" |
| | | placeholder="请输入联系电话" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="税号" prop="taxNumber"> |
| | | <el-input v-model="form.taxNumber" placeholder="请输入税号" /> |
| | | </el-form-item> |
| | | <el-form-item label="法人" prop="legalPerson"> |
| | | <el-input v-model="form.legalPerson" placeholder="请输入法人" /> |
| | | </el-form-item> |
| | | <el-form-item label="注册地址" prop="registerAddress"> |
| | | <el-input |
| | | v-model="form.registerAddress" |
| | | placeholder="请输入注册地址" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="通讯地址" prop="mailingAddress"> |
| | | <el-input |
| | | v-model="form.mailingAddress" |
| | | placeholder="请输入通讯地址" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="开户银行" prop="bankAccount"> |
| | | <el-input v-model="form.bankAccount" placeholder="请输入开户银行" /> |
| | | </el-form-item> |
| | | <el-form-item label="银行账户" prop="countNum"> |
| | | <el-input v-model="form.countNum" placeholder="请输入银行账户" /> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱" prop="email"> |
| | | <el-input v-model="form.email" placeholder="请输入邮箱" /> |
| | | </el-form-item> |
| | | <el-form-item label="负责人" prop="principal"> |
| | | <el-input v-model="form.principal" placeholder="请输入负责人" /> |
| | | </el-form-item> |
| | | <el-form-item label="网址" prop="url"> |
| | | <el-input v-model="form.url" placeholder="请输入网址" /> |
| | | </el-form-item> |
| | | <el-form-item label="传真" prop="faxNumber"> |
| | | <el-input v-model="form.faxNumber" placeholder="请输入传真" /> |
| | | </el-form-item> |
| | | <el-form-item label="行政区划名称" prop="areaName"> |
| | | <el-input |
| | | v-model="form.areaName" |
| | | placeholder="请输入行政区划名称" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="排序" prop="orderNum"> |
| | | <el-input v-model="form.orderNum" placeholder="请输入排序" /> |
| | | </el-form-item> |
| | | <el-form-item label="有效时间" prop="validTime"> |
| | | <el-date-picker |
| | | clearable |
| | | v-model="form.validTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择有效时间" |
| | | > |
| | | </el-date-picker> </el-form-item |
| | | ><br /> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input |
| | | v-model="form.remark" |
| | | type="textarea" |
| | | placeholder="请输入内容" |
| | | :rows="2" |
| | | label-width="400px" |
| | | style="width: 830px" |
| | | resize="none" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer2"> |
| | | <el-button type="primary" @click="submitFormS">确 定</el-button> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | addDept, |
| | | addComp, |
| | | Deptlist, |
| | | getDwAndDwDept, |
| | | newExcelImport, |
| | | } from "@/api/system/comp"; |
| | | import { newConfirm, getCompany, queryCompany } from "@/api/team/tuanti"; |
| | | import { getToken } from "@/utils/auth"; |
| | | |
| | | export default { |
| | | dicts: [ |
| | | "dict_user_national", |
| | | "dict_user_marry", |
| | | "sys_yes_no", |
| | | "sys_user_sex", |
| | | "reservation_pay_type", |
| | | "sys_normal_disable", |
| | | ], |
| | | |
| | | name: "Tijian", |
| | | data() { |
| | | let checkPhoneNum = (rule, value, callback) => { |
| | | console.log(value); |
| | | let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); |
| | | if (value == "" && value == undefined && !value) { |
| | | return callback(""); |
| | | } else if (value != undefined && value != "") { |
| | | return callback(); |
| | | } else if (!patter.test(value)) { |
| | | return callback(""); |
| | | } |
| | | }; |
| | | return { |
| | | isdisabled: true, |
| | | setDisabled: { |
| | | // 返回禁用时间 |
| | | disabledDate(time) { |
| | | // return time.getTime() < Date.now()// 不可选历史天、不可选当前天、可选未来天 |
| | | return time.getTime() < Date.now() - 8.64e7; // 不可选历史天、可选当前天、可选未来天 |
| | | import { |
| | | addDept, |
| | | addComp, |
| | | Deptlist,getCusTomterListByCompId |
| | | } from "@/api/system/comp"; |
| | | import { getCompany, queryCompany } from "@/api/team/tuanti"; |
| | | |
| | | export default { |
| | | dicts: [ |
| | | "dict_user_national", |
| | | "dict_user_marry", |
| | | "sys_yes_no", |
| | | "sys_user_sex", |
| | | "reservation_pay_type", |
| | | "sys_normal_disable", |
| | | ], |
| | | |
| | | name: "Tijian", |
| | | data() { |
| | | let checkPhoneNum = (rule, value, callback) => { |
| | | console.log(value); |
| | | let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); |
| | | if (value == "" && value == undefined && !value) { |
| | | return callback(""); |
| | | } else if (value != undefined && value != "") { |
| | | return callback(); |
| | | } else if (!patter.test(value)) { |
| | | return callback(""); |
| | | } |
| | | }; |
| | | return { |
| | | isdisabled: true, |
| | | setDisabled: { |
| | | // 返回禁用时间 |
| | | disabledDate(time) { |
| | | // return time.getTime() < Date.now()// 不可选历史天、不可选当前天、可选未来天 |
| | | return time.getTime() < Date.now() - 8.64e7; // 不可选历史天、可选当前天、可选未来天 |
| | | }, |
| | | }, |
| | | CompanyList: [], |
| | | selectList:[], |
| | | tableData: [], // 表数据 |
| | | form: { |
| | | company: "", |
| | | payType: "", |
| | | name: "", |
| | | phoe: "", |
| | | signingPic: "", |
| | | discount: "", |
| | | }, |
| | | size: "", |
| | | // 套餐提交按钮 |
| | | confirm: false, |
| | | deptList: [], |
| | | data: { |
| | | dwId: "", |
| | | dwDeptId: "", |
| | | dwName: "", |
| | | }, |
| | | |
| | | objs: { |
| | | compId: null, |
| | | name: null, |
| | | reservationTime: null, |
| | | page:1, |
| | | pageSize:10 |
| | | }, |
| | | // 非单个禁用 |
| | | single: true, |
| | | // 非多个禁用 |
| | | multiple: true, |
| | | |
| | | // 用户表格数据 |
| | | userList: null, |
| | | |
| | | // 查询参数 |
| | | queryParam: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | | // 表单校验 |
| | | |
| | | rules: { |
| | | drugManufacturerId: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | reservationTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | dwDeptName: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | signingPic: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | contactPerson: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | contactPhone: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | taxNumber: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | legalPerson: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | registerAddress: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | bankAccount: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | countNum: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | principal: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | faxNumber: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | mailingAddress: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | email: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | pacName: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | payType: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | phoe: [ |
| | | { |
| | | required: true, |
| | | pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, |
| | | validator: checkPhoneNum, |
| | | trigger: "blur", |
| | | }, |
| | | }, |
| | | CompanyList: [], |
| | | tableData: [], // 表数据 |
| | | form: { |
| | | company: "", |
| | | payType: "", |
| | | name: "", |
| | | phoe: "", |
| | | signingPic: "", |
| | | discount: "", |
| | | }, |
| | | size: "", |
| | | creaseopen: false, |
| | | // 套餐提交按钮 |
| | | confirm: false, |
| | | TotalPrice: 0, |
| | | TotalPrice1: 0, |
| | | discount: 100, |
| | | deptList: [], |
| | | data: { |
| | | dwId: "", |
| | | dwDeptId: "", |
| | | dwName:"", |
| | | }, |
| | | |
| | | objs: { |
| | | drugManufacturerId: "", |
| | | dwDeptName: "", |
| | | reservationTime: "", |
| | | }, |
| | | // 非单个禁用 |
| | | single: true, |
| | | // 非多个禁用 |
| | | multiple: true, |
| | | |
| | | // 用户表格数据 |
| | | userList: null, |
| | | |
| | | // 查询参数 |
| | | queryParam: { |
| | | pageNum: 1, |
| | | pageSize: 10 |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | | // 表单校验 |
| | | |
| | | rules: { |
| | | drugManufacturerId: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | reservationTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | dwDeptName: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | signingPic: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | contactPerson: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | contactPhone: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | taxNumber: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | legalPerson: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | registerAddress: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | bankAccount: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | countNum: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | principal: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | faxNumber: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | mailingAddress: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | email: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | pacName: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | payType: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | phoe: [ |
| | | { |
| | | required: true, |
| | | pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, |
| | | validator: checkPhoneNum, |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | |
| | | proPrice: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | createTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | cnName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | businessLicenseNumber: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | createTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | updateTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | effective: [ |
| | | { |
| | | required: true, |
| | | validator: checkPhoneNum, |
| | | trigger: "change", |
| | | }, |
| | | ], |
| | | name: [{ required: true, validator: checkPhoneNum, trigger: "change" }], |
| | | contactPhone: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | }, |
| | | ListObj: {}, |
| | | // 遮罩层 |
| | | loading: true, |
| | | pacStatus: "启用", |
| | | ], |
| | | |
| | | // 非单个禁用 |
| | | single: true, |
| | | // 非多个禁用 |
| | | multiple: true, |
| | | |
| | | // 总条数 |
| | | total: 0, |
| | | |
| | | // 弹出层标题 |
| | | title: "", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | open1: false, |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | cnName: null, |
| | | enName: null, |
| | | code: null, |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getCompanyList(); |
| | | }, |
| | | |
| | | watch: { |
| | | inputVal(newValue) { |
| | | if (newValue) { |
| | | this.searchData(true); |
| | | } else { |
| | | this.searchData(false); |
| | | } |
| | | proPrice: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | createTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | cnName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | businessLicenseNumber: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | createTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | updateTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | effective: [ |
| | | { |
| | | required: true, |
| | | validator: checkPhoneNum, |
| | | trigger: "change", |
| | | }, |
| | | ], |
| | | name: [{ required: true, validator: checkPhoneNum, trigger: "change" }], |
| | | contactPhone: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | }, |
| | | }, |
| | | methods: { |
| | | handleQuery(){ |
| | | ListObj: {}, |
| | | // 遮罩层 |
| | | loading: true, |
| | | pacStatus: "启用", |
| | | |
| | | }, |
| | | // 保存部门 |
| | | handleAddDept() { |
| | | let data = { |
| | | dwName: this.data.dwName, |
| | | dwId: this.data.dwId, |
| | | dwDeptName: this.form.dwDeptName, |
| | | signingPrice: this.form.signingPrice, |
| | | }; |
| | | addDept(data).then((response) => { |
| | | if (response.code == 200) { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open1 = false; |
| | | } |
| | | }); |
| | | // 非单个禁用 |
| | | single: true, |
| | | // 非多个禁用 |
| | | multiple: true, |
| | | |
| | | // 总条数 |
| | | total: 0, |
| | | |
| | | // 弹出层标题 |
| | | title: "", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | open1: false, |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | cnName: null, |
| | | enName: null, |
| | | code: null, |
| | | }, |
| | | idFn(value) { |
| | | console.log(value); |
| | | if (value) { |
| | | this.data.dwId = value; |
| | | Deptlist(value).then((response) => { |
| | | this.deptList = response.data; |
| | | }); |
| | | } |
| | | }, |
| | | idFn1(value) { |
| | | console.log(value); |
| | | if (value) { |
| | | this.data.dwId = value; |
| | | this.CompanyList.forEach(item=>{ |
| | | console.log(item); |
| | | if(item.drugManufacturerId == this.data.dwId){ |
| | | this.data.dwName = item.cnName |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | idBm(value) { |
| | | this.data.dwDeptId = value; |
| | | }, |
| | | |
| | | getSummaries(param) { |
| | | const { columns, data } = param; |
| | | const sums = []; |
| | | columns.forEach((column, index) => { |
| | | if (index === 0) { |
| | | sums[index] = "合计"; |
| | | return; |
| | | } |
| | | if (index === 1) { |
| | | sums[index] = "总计人数"; |
| | | return; |
| | | } |
| | | if (index === 2) { |
| | | sums[index] = this.ListObj.count; |
| | | return; |
| | | } |
| | | if (index === 7) { |
| | | sums[index] = "男组人数"; |
| | | return; |
| | | } |
| | | if (index === 8) { |
| | | sums[index] = this.ListObj.manCount; |
| | | return; |
| | | } |
| | | if (index === 9) { |
| | | sums[index] = "男组金额"; |
| | | return; |
| | | } |
| | | if (index === 10) { |
| | | sums[index] = this.ListObj.manMoney; |
| | | return; |
| | | } |
| | | if (index === 12) { |
| | | sums[index] = "女组人数"; |
| | | return; |
| | | } |
| | | if (index === 13) { |
| | | sums[index] = this.ListObj.woManCount; |
| | | return; |
| | | } |
| | | if (index === 14) { |
| | | sums[index] = "女组金额"; |
| | | return; |
| | | } |
| | | if (index === 15) { |
| | | sums[index] = this.ListObj.woManMoney; |
| | | return; |
| | | } |
| | | if (index === 16) { |
| | | sums[index] = "合计金额"; |
| | | return; |
| | | } |
| | | if (index === 17) { |
| | | sums[index] = this.ListObj.hjMoney; |
| | | return; |
| | | } |
| | | }); |
| | | return sums; |
| | | }, |
| | | // 搜索 |
| | | getRemoteData(query) { |
| | | if (query) { |
| | | let compName = query; |
| | | queryCompany(compName).then((response) => { |
| | | this.CompanyList = response.data; |
| | | this.CompanyList.forEach((item) => { |
| | | this.objs = item; |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | // 获取单位信息集合 |
| | | getCompanyList() { |
| | | this.loading = true; |
| | | getCompany(this.queryParam).then((response) => { |
| | | this.CompanyList = response.data; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | // 取消按钮 |
| | | cancel() { |
| | | this.open = false; |
| | | this.open1 = false; |
| | | this.creaseopen = false; |
| | | this.reset(); |
| | | }, |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | this.reset(); |
| | | this.open = true; |
| | | this.title = "添加体检单位信息维护"; |
| | | }, |
| | | /** 部门新增按钮操作 */ |
| | | handleAddbumen() { |
| | | this.reset(); |
| | | this.open1 = true; |
| | | this.title = "添加部门信息维护"; |
| | | }, |
| | | |
| | | /** 提交按钮 */ |
| | | submitFormS() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | addComp(this.form).then((response) => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open = false; |
| | | this.getCompanyList(); |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | // 表单重置 |
| | | reset() { |
| | | this.form = { |
| | | company: null, |
| | | payType: null, |
| | | name: null, |
| | | phoe: null, |
| | | signingPic: null, |
| | | pacStatus: "启用", |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.date = []; |
| | | this.objs.drugManufacturerId = ""; |
| | | this.objs.dwDeptName = ""; |
| | | this.objs.reservationTime = ""; |
| | | this.TotalPrice = ""; |
| | | this.tableData[0] = []; |
| | | this.TotalPrice1 = ""; |
| | | // this.resetForm("form"); |
| | | this.form = {}; |
| | | }, |
| | | |
| | | //获取时间 |
| | | selectTime(val) { |
| | | this.objs.reservationTime = val; |
| | | }, |
| | | |
| | | |
| | | /** 确认按钮 */ |
| | | submitForm() { |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getCompanyList(); |
| | | }, |
| | | |
| | | watch: { |
| | | inputVal(newValue) { |
| | | if (newValue) { |
| | | this.searchData(true); |
| | | } else { |
| | | this.searchData(false); |
| | | } |
| | | }, |
| | | }; |
| | | </script> |
| | | }, |
| | | methods: { |
| | | handleQuery() { |
| | | getCusTomterListByCompId(this.objs).then(res => { |
| | | this.userList = res.data.records |
| | | this.total = res.data.total |
| | | }) |
| | | }, |
| | | // 保存部门 |
| | | handleAddDept() { |
| | | let data = { |
| | | dwName: this.data.dwName, |
| | | dwId: this.data.dwId, |
| | | dwDeptName: this.form.dwDeptName, |
| | | signingPrice: this.form.signingPrice, |
| | | }; |
| | | addDept(data).then((response) => { |
| | | if (response.code == 200) { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open1 = false; |
| | | } |
| | | }); |
| | | }, |
| | | // idFn(value) { |
| | | // console.log(value); |
| | | // if (value) { |
| | | // this.data.dwId = value; |
| | | // Deptlist(value).then((response) => { |
| | | // this.deptList = response.data; |
| | | // }); |
| | | // } |
| | | // }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | console.log(selection) |
| | | // this.ids = selection.map((item) => item.cusId); |
| | | // this.single = selection.length !== 1; |
| | | // this.multiple = !selection.length; |
| | | }, |
| | | |
| | | handleDelete(row){ |
| | | |
| | | }, |
| | | |
| | | // 搜索 |
| | | getRemoteData(query) { |
| | | if (query) { |
| | | let compName = query; |
| | | queryCompany(compName).then((response) => { |
| | | this.CompanyList = response.data; |
| | | this.CompanyList.forEach((item) => { |
| | | this.objs = item; |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | // 获取单位信息集合 |
| | | getCompanyList() { |
| | | this.loading = true; |
| | | getCompany(this.queryParam).then((response) => { |
| | | this.CompanyList = response.data; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | // 取消按钮 |
| | | cancel() { |
| | | this.open = false; |
| | | this.open1 = false; |
| | | this.reset(); |
| | | }, |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | this.reset(); |
| | | this.open = true; |
| | | this.title = "添加体检单位信息维护"; |
| | | }, |
| | | /** 部门新增按钮操作 */ |
| | | handleAddbumen() { |
| | | this.reset(); |
| | | this.open1 = true; |
| | | this.title = "添加部门信息维护"; |
| | | }, |
| | | |
| | | /** 提交按钮 */ |
| | | submitFormS() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | addComp(this.form).then((response) => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open = false; |
| | | this.getCompanyList(); |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | // 表单重置 |
| | | reset() { |
| | | this.form = { |
| | | company: null, |
| | | payType: null, |
| | | name: null, |
| | | phoe: null, |
| | | signingPic: null, |
| | | pacStatus: "启用", |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.objs.drugManufacturerId = ""; |
| | | this.objs.dwDeptName = ""; |
| | | this.objs.reservationTime = ""; |
| | | this.form = {}; |
| | | }, |
| | | |
| | | //获取时间 |
| | | selectTime(val) { |
| | | this.objs.reservationTime = val; |
| | | }, |
| | | |
| | | /** 确认按钮 */ |
| | | submitForm() {}, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | |
| | | <style> |
| | | .el-dialog:not(.is-fullscreen) { |
| | | margin-top: 6vh !important; |
| | | width: 600px; |
| | | } |
| | | |
| | | .upload-demo { |
| | | width: 100%; |
| | | } |
| | | |
| | | .el-icon-circle-plus-outline { |
| | | line-height: 20px; |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .dia { |
| | | display: flex; |
| | | } |
| | | |
| | | .dialog-footer2 { |
| | | width: 960px; |
| | | height: 36px; |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .dialog-footer1 { |
| | | width: 860px; |
| | | height: 36px; |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | </style> |
| | | |
| | | .pag { |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .pag1 { |
| | | width: 30%; |
| | | } |
| | | .el-dialog:not(.is-fullscreen) { |
| | | margin-top: 6vh !important; |
| | | width: 600px; |
| | | } |
| | | |
| | | .upload-demo { |
| | | width: 100%; |
| | | } |
| | | |
| | | .el-icon-circle-plus-outline { |
| | | line-height: 20px; |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .dia { |
| | | display: flex; |
| | | } |
| | | |
| | | .dialog-footer2 { |
| | | width: 960px; |
| | | height: 36px; |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .dialog-footer1 { |
| | | width: 860px; |
| | | height: 36px; |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | </style> |
| | | |
| | | |