| | |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="单位名称" prop="cnName"> |
| | | <el-input |
| | |
| | | :disabled="single" |
| | | @click="mainDepartment" |
| | | v-hasPermi="['system:comp:edit']" |
| | | >维护部门</el-button |
| | | >维护套餐</el-button |
| | | > |
| | | </el-col> |
| | | <right-toolbar |
| | |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.dict_comp_type" :value="scope.row.typeOfEnterprise"/> |
| | | </template> |
| | | </el-table-column> --> |
| | | </el-table-column> --> |
| | | <el-table-column |
| | | label="行政区划" |
| | | align="center" |
| | |
| | | :visible.sync="opens" |
| | | width="1350px" |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | :close-on-click-modal="true" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="7" :xs="24"> |
| | |
| | | :rules="rules" |
| | | label-width="80px" |
| | | :inline="true" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="部门名称" prop="dwDeptName"> |
| | | <el-form-item label="套餐名称" prop="dwDeptName"> |
| | | <el-input |
| | | v-model="form.dwDeptName" |
| | | placeholder="请输入部门名称" |
| | | placeholder="请输入套餐名称" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="签约金额" prop="signingPrice"> |
| | |
| | | size="mini" |
| | | @click="handleAddDept" |
| | | v-hasPermi="['system:comp:add']" |
| | | >保存部门</el-button |
| | | >保存套餐</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | |
| | | > |
| | | <el-table-column type="selection" width="40px" align="center" /> |
| | | <el-table-column |
| | | label="部门名称" |
| | | label="套餐名称" |
| | | align="center" |
| | | prop="dwDeptName" |
| | | /> |
| | |
| | | :rules="rules" |
| | | label-width="78px" |
| | | :inline="true" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="分组名称" prop="groupingName"> |
| | | <el-input |
| | |
| | | style="width: 130px" |
| | | /> |
| | | </el-form-item> --> |
| | | <el-form-item label="原价" prop="price"> |
| | | <el-input |
| | | v-model="forms.price" |
| | | placeholder="请输入原价" |
| | | style="width: 130px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="优惠价" prop="ysPrice"> |
| | | <el-input |
| | | v-model="forms.ysPrice" |
| | | placeholder="请输入应收" |
| | | style="width: 120px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="结算方式" prop="payType"> |
| | | <el-select |
| | | v-model="forms.payType" |
| | |
| | | <el-input v-model="forms.gtAge" style="width: 54px" /> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-form-item label="原价" prop="price"> |
| | | <el-input |
| | | v-model="forms.price" |
| | | placeholder="请输入原价" |
| | | style="width: 130px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="折扣" prop="limits"> |
| | | <el-input |
| | | v-model="forms.limits" |
| | | placeholder="请输入折扣" |
| | | style="width: 130px" |
| | | @change="numberChange" |
| | | /> |
| | | <!-- :disabled="isfalse" --> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="优惠价" prop="ysPrice"> |
| | | <el-input |
| | | v-model="forms.ysPrice" |
| | | placeholder="请输入应收" |
| | | style="width: 120px" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | type="primary" |
| | | icon="el-icon-edit" |
| | | size="mini" |
| | | :disabled="singlegg" |
| | | @click="xiangmuWh" |
| | | >项目维护</el-button |
| | | > |
| | |
| | | :title="title" |
| | | :visible.sync="openss" |
| | | width="1400px" |
| | | :style="{ height: 1400 + 'px' }" |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | > |
| | |
| | | size="small" |
| | | :inline="true" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="套餐名称" prop="pacName"> |
| | | <el-input |
| | |
| | | @click="handleSearch" |
| | | >搜索</el-button |
| | | > |
| | | <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> --> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table |
| | |
| | | <el-table-column |
| | | label="序号" |
| | | align="center" |
| | | prop="newID" |
| | | prop="pacId" |
| | | width="50px" |
| | | /> |
| | | <el-table-column |
| | |
| | | size="small" |
| | | :inline="true" |
| | | label-width="46px" |
| | | style="height: 35px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="合计" prop="price"> |
| | | <el-input |
| | |
| | | :row-class-name="tableRowClassName" |
| | | height="478" |
| | | > |
| | | <el-table-column |
| | | label="项目名称/价格/元" |
| | | align="center" |
| | | prop="proName" |
| | | > |
| | | <el-table-column label="项目名称" align="center" prop="proName"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.proName + "/" + scope.row.proPrice }} |
| | | {{ scope.row.proName }} |
| | | </template> |
| | | </el-table-column> |
| | | |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="font-size: 16px; margin-top: 10px"> |
| | | 当前项目条数:<span style="font-weight: 700">{{ |
| | | OnenewpacName.length |
| | | }}</span |
| | | >条 |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="2" :xs="24"> |
| | | <div style="margin: 240% 6%"> |
| | | <div style="margin: 240% 16%"> |
| | | <el-button |
| | | type="primary" |
| | | size="medium " |
| | |
| | | </el-col> |
| | | <el-col :span="8" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | :model="queryParams1" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="项目名称" prop="proName"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.proName" |
| | | v-model="queryParams1.proName" |
| | | placeholder="请输入项目名称" |
| | | clearable |
| | | @keyup.enter.native="handleSearchFor" |
| | |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-row :gutter="24"> |
| | | <el-col :span="8" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | label-width="68px" |
| | | > |
| | | <el-form-item label="套餐名称" prop="pacName"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.pacName" |
| | | placeholder="请输入套餐名称" |
| | | clearable |
| | | @keyup.enter.native="handleSearch" |
| | | style="width: 140px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleSearch" |
| | | >搜索</el-button |
| | | > |
| | | <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> --> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table |
| | | ref="tbone" |
| | | border |
| | | v-loading="loading" |
| | | :data="newpacName" |
| | | @selection-change="handleChangeOne" |
| | | height="478" |
| | | > |
| | | <el-table-column type="selection" width="40px" align="center" /> |
| | | <el-table-column |
| | | label="序号" |
| | | align="center" |
| | | prop="newID" |
| | | width="50px" |
| | | /> |
| | | <el-table-column |
| | | label="套餐名称/价格/元" |
| | | align="center" |
| | | prop="pacName" |
| | | <div |
| | | class="info-header" |
| | | style=" |
| | | margin-bottom: 15px; |
| | | padding: 10px; |
| | | background-color: #f5f7fa; |
| | | border-radius: 4px; |
| | | " |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <span>项目名称:{{ forms.groupingName }}</span> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <span |
| | | >性别:{{ |
| | | forms.sex === "1" ? "男" : forms.sex === "0" ? "女" : "未知" |
| | | }}</span |
| | | > |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.pacName + "/" + scope.row.price }} |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-col> |
| | | <el-col :span="6" :xs="24"> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <span>年龄范围:{{ forms.ltAge }}-{{ forms.gtAge }}岁</span> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <el-row :gutter="24" v-if="!isTableVisible"> |
| | | <el-col :span="15" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | label-width="46px" |
| | | style="height: 35px" |
| | | style="height: 50px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="合计" prop="price"> |
| | | <el-form-item label="原价"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.price" |
| | | placeholder="合计" |
| | | clearable |
| | | style="width: 140px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="折扣"> |
| | | <el-input-number |
| | | ref="inputNumber" |
| | | style="width: 150px" |
| | | v-model="youhui" |
| | | :precision="1" |
| | | :step="0.1" |
| | | :min="0" |
| | | :max="10" |
| | | @change="debounceNumberChange" |
| | | :debounce="3000" |
| | | ></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="现价"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.xianprice" |
| | | placeholder="合计" |
| | | clearable |
| | | style="width: 140px" |
| | | @input="changeXianjia" |
| | | @blur="numberChangeXianPrice(youhui, youhui)" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | >重置</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | @click="Package" |
| | | size="mini" |
| | | style="margin-right: 20px" |
| | | >选择套餐</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <!-- <div style="color: red; font-size: 8px"> |
| | | 注释:鼠标左键双击选中行可删除 |
| | | </div> --> |
| | | <!-- @row-dblclick="dbclick" --> |
| | | <el-table |
| | | border |
| | | v-loading="loading" |
| | | :data="OnenewpacName" |
| | | :row-class-name="tableRowClassName" |
| | | height="478" |
| | | :cell-style="{ padding: '5px 0' }" |
| | | > |
| | | <el-table-column |
| | | label="项目名称/价格/元" |
| | | label="项目名称" |
| | | align="center" |
| | | prop="proName" |
| | | width="410" |
| | | > |
| | | |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.proName + "/" + scope.row.proPrice }} |
| | | {{ scope.row.proName }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="原价" |
| | | align="center" |
| | | prop="proPrice" |
| | | width="85" |
| | | ></el-table-column> |
| | | <el-table-column label="操作" align="center" width="68"> |
| | | <el-table-column label="折扣" width="151"> |
| | | <template slot-scope="scope"> |
| | | <!-- 只输入纯数字折扣 @input="validateDiscount(scope.row)"--> |
| | | <el-input-number |
| | | v-model="scope.row.limits" |
| | | @change="handleManualChange(scope.row)" |
| | | placeholder="输入折扣" |
| | | size="mini" |
| | | type="number" |
| | | :min="0" |
| | | :step="0.1" |
| | | :precision="1" |
| | | :max="10" |
| | | > |
| | | </el-input-number> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="现价" |
| | | align="center" |
| | | prop="ysPrice" |
| | | width="85" |
| | | ></el-table-column> |
| | | <el-table-column label="操作" align="center" width="85"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-col> |
| | | <el-col :span="2" :xs="24"> |
| | | <div style="margin: 240% 6%"> |
| | | <el-button |
| | | type="primary" |
| | | size="medium " |
| | | icon="el-icon-back" |
| | | @click="resetright" |
| | | ></el-button |
| | | > |
| | | <div style="font-size: 16px; margin-top: 10px"> |
| | | 当前项目条数:<span style="font-weight: 700">{{ |
| | | OnenewpacName.length |
| | | }}</span |
| | | >条 |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="8" :xs="24"> |
| | | <!-- <el-col :span="2" :xs="24"> |
| | | <div style="margin: 240% 16%" class="btntoleft"> |
| | | <el-button type="primary" size="medium" |
| | | style="writing-mode: vertical-rl; text-align: center; letter-spacing: 5px;" @click="resetright"> |
| | | 确 |
| | | 认 |
| | | <i class="el-icon-back"></i> |
| | | </el-button> |
| | | </div> |
| | | </el-col> --> |
| | | <el-col :span="7" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | :model="queryParams1" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="项目名称" prop="proName"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.proName" |
| | | v-model="queryParams1.proName" |
| | | placeholder="请输入项目名称" |
| | | clearable |
| | | @keyup.enter.native="handleSearchFor" |
| | |
| | | :data="Treedata" |
| | | @selection-change="handleChangesingle" |
| | | height="478" |
| | | style="width: 70%" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column type="selection" width="40px" align="center" /> |
| | | <el-table-column label="项目名称" align="center" prop="proName" width="130" /> |
| | | <el-table-column |
| | | label="项目名称" |
| | | align="center" |
| | | prop="proName" |
| | | width="230px" |
| | | /> |
| | | <el-table-column |
| | | label="项目价格/元" |
| | | align="center" |
| | | prop="proPrice" |
| | | width="100px" |
| | | /> |
| | | </el-table> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- -=----------------------------------------------------- --> |
| | | <el-row :gutter="24" v-else> |
| | | <el-col :span="6" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="套餐名称" prop="pacName"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.pacName" |
| | | placeholder="请输入套餐名称" |
| | | clearable |
| | | @keyup.enter.native="handleSearch" |
| | | style="width: 140px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleSearch" |
| | | >搜索</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table |
| | | ref="tbone" |
| | | border |
| | | v-loading="loading" |
| | | :data="newpacName" |
| | | @selection-change="handleChangeOne" |
| | | height="483" |
| | | > |
| | | <!-- <el-table-column type="selection" width="40px" align="center" /> --> |
| | | |
| | | <el-table-column |
| | | label="序号" |
| | | align="center" |
| | | prop="newID" |
| | | width="50px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.newID }} |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="套餐名称/价格/元" |
| | | align="center" |
| | | prop="pacName" |
| | | > |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.pacName + "/" + scope.row.price }} |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="font-size: 16px; margin-top: 10px"> |
| | | 项目总条数:<span style="font-weight: 700; margin-right: 5px">{{ |
| | | newpacName.length |
| | | }}</span |
| | | >条 |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="8" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | label-width="46px" |
| | | style="height: 51px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="合计" prop="price"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.price" |
| | | placeholder="合计" |
| | | clearable |
| | | style="width: 140px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | size="mini" |
| | | @click="resetQuerys" |
| | | >重置</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | @click="Package" |
| | | size="mini" |
| | | style="margin-right: 20px" |
| | | >选择套餐</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table |
| | | border |
| | | v-loading="loading" |
| | | :data="OnenewpacName" |
| | | :row-class-name="tableRowClassName" |
| | | height="478" |
| | | :cell-style="{ padding: '5px 0' }" |
| | | > |
| | | <el-table-column |
| | | label="项目名称" |
| | | align="center" |
| | | prop="proName" |
| | | width="170" |
| | | > |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.proName }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="原价" |
| | | align="center" |
| | | prop="proPrice" |
| | | ></el-table-column> |
| | | <el-table-column label="操作" align="center" width="68"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handledbelete(scope.row)" |
| | | >删除</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="font-size: 16px; margin-top: 10px"> |
| | | 当前项目条数:<span style="font-weight: 700">{{ |
| | | OnenewpacName.length |
| | | }}</span |
| | | >条 |
| | | </div> |
| | | </el-col> |
| | | <!-- <el-col :span="2" :xs="24"> |
| | | <div style="margin: 240% 16%"> |
| | | <el-button type="primary" size="medium " icon="el-icon-back" |
| | | style="writing-mode: vertical-rl; text-align: center;letter-spacing: 10px;" @click="resetright">确 |
| | | 认</el-button> |
| | | </div> |
| | | </el-col> --> |
| | | <el-col :span="8" :xs="24"> |
| | | <el-form |
| | | :model="queryParams1" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="项目名称" prop="proName"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams1.proName" |
| | | placeholder="请输入项目名称" |
| | | clearable |
| | | @keyup.enter.native="handleSearchFor" |
| | | style="width: 140px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleSearchFor" |
| | | >搜索</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table |
| | | border |
| | | v-loading="loading" |
| | | ref="tre" |
| | | :data="Treedata" |
| | | @selection-change="handleChangesingle" |
| | | height="478" |
| | | > |
| | | <el-table-column type="selection" width="40px" align="center" /> |
| | | <el-table-column |
| | | label="项目名称" |
| | | align="center" |
| | | prop="proName" |
| | | width="288" |
| | | /> |
| | | <el-table-column |
| | | label="项目价格/元" |
| | | align="center" |
| | |
| | | </el-dialog> |
| | | </div> |
| | | |
| | | <el-dialog |
| | | title="选择套餐" |
| | | :visible.sync="taocan" |
| | | width="70%" |
| | | height="700px" |
| | | :close-on-click-modal="false" |
| | | > |
| | | <!-- <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" label-width="auto"> |
| | | <el-form-item label="套餐名称" prop="pacName"> |
| | | <el-input v-model="queryParam.pacName" placeholder="请输入套餐名称" clearable @keyup.enter.native="handle" |
| | | style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">搜索</el-button> |
| | | </el-form-item> |
| | | </el-form> --> |
| | | <el-table |
| | | v-loading="loading" |
| | | element-loading-text="正在加载中..." |
| | | element-loading-spinner="el-icon-loading" |
| | | border |
| | | :data="newpacName1" |
| | | @selection-change="handleSelectionChange1" |
| | | height="450px" |
| | | ref="tb" |
| | | > |
| | | <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="price" |
| | | width="120px" |
| | | /> |
| | | <el-table-column |
| | | label="套餐明细" |
| | | align="center" |
| | | prop="allProName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | </el-table> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="cancel1">取 消</el-button> |
| | | <el-button type="primary" @click="submit">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | |
| | | <!-- 添加或修改体检单位信息维护对话框 --> |
| | | <div class="dia"> |
| | | <el-dialog |
| | |
| | | :rules="rules" |
| | | label-width="106px" |
| | | :inline="true" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="单位名称" prop="cnName"> |
| | | <el-form-item label="单位类型" prop="isZybUnit"> |
| | | <el-radio-group v-model="form.isZybUnit"> |
| | | <el-radio :label="false">普通单位</el-radio> |
| | | <el-radio :label="true">职业病单位</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="单位名称" |
| | | prop="cnName" |
| | | style="display: block; width: 100%" |
| | | > |
| | | <el-input |
| | | v-model="form.cnName" |
| | | placeholder="请输入中文名称" |
| | |
| | | style="width: 1157px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="所属地区" prop="zybCode" v-if="form.isZybUnit"> |
| | | <el-input v-model="form.zybCode" placeholder="请输入所属地区" /> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="亲属关系" |
| | | prop="industryType" |
| | | v-if="form.isZybUnit" |
| | | > |
| | | <el-input |
| | | v-model="form.industryType" |
| | | placeholder="请输入亲属关系" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="经济类型" prop="jjType" v-if="form.isZybUnit"> |
| | | <el-input v-model="form.jjType" placeholder="请输入经济类型" /> |
| | | </el-form-item> |
| | | <el-form-item label="企业规模" prop="qygm" v-if="form.isZybUnit"> |
| | | <el-input v-model="form.qygm" placeholder="请输入企业规模" /> |
| | | </el-form-item> |
| | | <el-form-item label="行业分类" prop="hyfl" v-if="form.isZybUnit"> |
| | | <el-input v-model="form.hyfl" placeholder="请输入行业分类" /> |
| | | </el-form-item> |
| | | <el-form-item label="风险评估" prop="fxpg" v-if="form.isZybUnit"> |
| | | <el-input v-model="form.fxpg" 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="typeOfEnterprise"> |
| | | <el-select v-model="form.typeOfEnterprise" placeholder="请选择企业类型"> |
| | | <el-option |
| | | v-for="dict in dict.type.dict_comp_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="行政区划id" prop="areaid"> |
| | | <el-input v-model="form.areaid" placeholder="请输入行政区划id" /> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="GMP证书编号" prop="gmpNo"> |
| | | <el-input v-model="form.gmpNo" placeholder="请输入GMP证书编号" /> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="GMP发证日期" prop="gmpissueDate"> |
| | | <el-date-picker clearable |
| | | v-model="form.gmpissueDate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择GMP发证日期"> |
| | | </el-date-picker> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="经营许可证号" prop="businessLicenseNumber"> |
| | | <el-input v-model="form.businessLicenseNumber" placeholder="请输入经营许可证号" /> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="GMP有效截止日期" prop="gmpDeadlineDate"> |
| | | <el-date-picker clearable |
| | | v-model="form.gmpDeadlineDate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择GMP有效截止日期"> |
| | | </el-date-picker> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="GMP认证范围" prop="gmpRange"> |
| | | <el-input v-model="form.gmpRange" placeholder="请输入GMP认证范围" /> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="GMP延续范围" prop="gmpDelayRange"> |
| | | <el-input v-model="form.gmpDelayRange" placeholder="请输入GMP延续范围" /> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="GMP延续日期" prop="gmpDelayDate"> |
| | | <el-date-picker clearable |
| | | v-model="form.gmpDelayDate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择GMP延续日期"> |
| | | </el-date-picker> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="GMP证书图片(base64编码)"> |
| | | <image-upload v-model="form.gmpPhoto"/> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="排序" prop="orderNum"> |
| | | <el-input v-model="form.orderNum" placeholder="请输入排序" /> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="数据状态(PT10.00.004)" prop="effective"> |
| | | <el-select v-model="form.effective" placeholder="请选择数据状态(PT10.00.004)"> |
| | | <el-option |
| | | v-for="dict in dict.type.dict_data_status" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="拼音" prop="spell"> |
| | | <el-input v-model="form.spell" 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" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import Big from "big.js"; |
| | | import { |
| | | listComp, |
| | | getComp, |
| | | delComp, |
| | | addComp, |
| | | getfzgrouping, |
| | | updateComp, |
| | | addDept, |
| | | Deptlist, |
| | |
| | | delegrouping, |
| | | getDetails, |
| | | } from "@/api/system/comp"; |
| | | import { deptTreeSelect, projectGetList } from "@/api/system/tijian"; |
| | | import { |
| | | deptTreeSelect, |
| | | projectGetList, |
| | | getconfigKey, |
| | | } from "@/api/system/tijian"; |
| | | import { getInfo } from "@/api/login"; |
| | | export default { |
| | | name: "Comp", |
| | |
| | | // 遮罩层 |
| | | loading: true, |
| | | Treedata: [], |
| | | getInfodis: 0, |
| | | id: "", |
| | | // 选中数组 |
| | | ids: [], |
| | | newpacName1: [], |
| | | taocan: false, |
| | | // 控制性别选择框是否禁用 |
| | | isSexDisabled: false, |
| | | dwIds: [], |
| | |
| | | opens: false, |
| | | openss: false, |
| | | openOne: false, |
| | | queryParams1: { |
| | | proName: null, |
| | | pym: null, |
| | | }, |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | |
| | | enName: null, |
| | | code: null, |
| | | price: null, |
| | | xianprice: null, |
| | | limits: null, |
| | | }, |
| | | |
| | | id: "", |
| | | // 表单参数 |
| | | form: {}, |
| | | form: { |
| | | isZybUnit: false, |
| | | }, |
| | | lastXianPrice: 0, |
| | | forms: { |
| | | limits: 10, |
| | | ltAge: 0, |
| | | gtAge: 100, |
| | | groupingName: "", |
| | | pacName: "", |
| | | payType: "", |
| | | sex: "", |
| | | payType: "1", |
| | | sex: "2", |
| | | }, |
| | | |
| | | sfzs: "", |
| | | youhui: "", |
| | | // 表单校验 |
| | | rules: { |
| | | cnName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | gtAge: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | limits: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | limits: [ |
| | | { required: false, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | ltAge: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | /* pacName: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | |
| | | }, |
| | | }; |
| | | }, |
| | | computed: { |
| | | // 根据 sfzs 字段的值来控制表格是否显示 |
| | | isTableVisible() { |
| | | return this.sfzs === "Y"; |
| | | }, |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | }, |
| | | methods: { |
| | | /** 查询体检单位信息维护列表 */ |
| | | handleManualChange(row) { |
| | | console.log("这是主动出发的"); |
| | | this.updateProPrice(row); |
| | | }, |
| | | validateDiscount(row) { |
| | | if ( |
| | | this.queryParams.xianprice !== undefined && |
| | | !isNaN(this.queryParams.xianprice) && |
| | | this.queryParams.xianprice !== this.lastXianPrice |
| | | ) { |
| | | // 只有在现价实际由用户输入修改时才更新 |
| | | this.updateProPrice1(row); |
| | | this.lastXianPrice = this.queryParams.xianprice; |
| | | } |
| | | }, |
| | | updateProPrice(row) { |
| | | const proPrice = new Big(row.proPrice); |
| | | const limits = new Big(row.limits); |
| | | const result = proPrice.times(limits.div(10)).toNumber(); // ordPrice * (discount / 10) |
| | | row.ysPrice = result.toFixed(2); |
| | | this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => { |
| | | return sum.plus(new Big(item.ysPrice || "0")); |
| | | }, new Big(0)).toNumber(); |
| | | this.youhui = |
| | | (Math.floor( |
| | | (this.queryParams.xianprice / this.queryParams.price) * 100 |
| | | ) / |
| | | 100) * |
| | | 10; |
| | | }, |
| | | updateProPrice1(row) { |
| | | const proPrice = new Big(row.proPrice); |
| | | const limits = new Big(row.limits); |
| | | const result = proPrice.times(limits.div(10)).toNumber(); // ordPrice * (discount / 10) |
| | | row.ysPrice = result.toFixed(2); |
| | | const totalYsPrice = this.OnenewpacName.reduce((sum, item) => { |
| | | return sum.plus(new Big(item.ysPrice || "0")); |
| | | }, new Big(0)); |
| | | const totalYsPriceNum = totalYsPrice.toNumber(); |
| | | if ( |
| | | this.queryParams.xianprice !== undefined && |
| | | !isNaN(this.queryParams.xianprice) |
| | | ) { |
| | | const xianPrice = new Big(this.queryParams.xianprice); |
| | | const diff = xianPrice.minus(totalYsPriceNum); |
| | | if (!diff.eq(0) && this.OnenewpacName.length > 0) { |
| | | const lastItem = this.OnenewpacName[this.OnenewpacName.length - 1]; |
| | | const newYsPrice = new Big(lastItem.ysPrice).plus(diff).toNumber(); |
| | | this.$set( |
| | | this.OnenewpacName[this.OnenewpacName.length - 1], |
| | | "ysPrice", |
| | | newYsPrice |
| | | ); |
| | | } |
| | | } |
| | | |
| | | // Update youhui calculation |
| | | |
| | | if (this.queryParams.price !== 0 && this.queryParams.xianprice !== 0) { |
| | | this.youhui = |
| | | (Math.floor( |
| | | (this.queryParams.xianprice / this.queryParams.price) * 100 |
| | | ) / |
| | | 100) * |
| | | 10; |
| | | } else { |
| | | this.youhui = 10; |
| | | } |
| | | }, |
| | | debounceNumberChange(currentValue, oldValue) { |
| | | clearTimeout(this.debounceTimer); |
| | | this.debounceTimer = setTimeout(() => { |
| | | this.numberChange(currentValue, oldValue); |
| | | }, 300); |
| | | }, |
| | | changeXianjia() { |
| | | // 原始折扣率计算 |
| | | if (this.queryParams.price !== 0) { |
| | | this.youhui = |
| | | (Math.floor( |
| | | (this.queryParams.xianprice / this.queryParams.price) * 100 |
| | | ) / |
| | | 100) * |
| | | 10; |
| | | } |
| | | }, |
| | | |
| | | getList() { |
| | | this.$nextTick(() => { |
| | | this.$refs.inputName.focus(); |
| | |
| | | (this.loading = true); |
| | | listComp(this.queryParams).then((response) => { |
| | | this.compList = response.rows; |
| | | |
| | | |
| | | response.rows.forEach((item, index) => { |
| | | item.newID = |
| | | (this.queryParams.pageNum - 1) * this.queryParams.pageSize + |
| | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | // 取消按钮 |
| | | |
| | | cancel() { |
| | | this.open = false; |
| | | this.opens = false; |
| | | this.$router.go(0); |
| | | // this.$router.go(0); |
| | | }, |
| | | |
| | | // 取消套餐 |
| | | cancell() { |
| | | this.openss = false; |
| | | this.openOne = false; |
| | | this.reset(); |
| | | this.youhui = 10; |
| | | // this.reset(); |
| | | }, |
| | | // 表单重置 |
| | | reset() { |
| | |
| | | resetQuerys() { |
| | | (this.OnenewpacName = []), |
| | | (this.queryParams.price = 0), |
| | | this.$refs.tbone.toggleRowSelection(this.pacList[0], false); |
| | | (this.queryParams.xianprice = 0), |
| | | (this.youhui = 0); |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | |
| | | if (this.form.drugManufacturerId) { |
| | | this.beCurrentDept(); |
| | | } |
| | | this.title = "部门分组维护" + "( " + this.form.cnName + ")"; |
| | | getInfo().then((response) => { |
| | | this.getInfodis = response.user.discount; |
| | | if (this.getInfodis == null || this.getInfodis == 10) { |
| | | this.isfalse = true; |
| | | } |
| | | }); |
| | | this.title = "套餐分组维护" + "( " + this.form.cnName + ")"; |
| | | }, |
| | | // 折扣 |
| | | numberChange(currentValue) { |
| | | this.forms.limits = currentValue; |
| | | /* if (this.forms.limits > this.getInfodis) { |
| | | this.forms.limits = this.getInfodis; |
| | | this.forms.ysPrice = ( |
| | | this.forms.price * |
| | | (this.forms.limits / 10) |
| | | ).toFixed(2); |
| | | } */ |
| | | this.forms.ysPrice = ( |
| | | this.forms.price * |
| | | (this.forms.limits / 10) |
| | | ).toFixed(2); |
| | | numberChange(currentValue, oldValue) { |
| | | this.$confirm("确定修改所有子项的折扣吗?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | this.youhui = currentValue; |
| | | |
| | | this.OnenewpacName.forEach((item) => { |
| | | item.limits = this.youhui; |
| | | const proPrice = new Big(item.proPrice); |
| | | const limits = new Big(item.limits); |
| | | const result = proPrice.times(limits.div(10)); // ordPrice * (discount / 10) |
| | | item.ysPrice = result.toNumber(); |
| | | this.queryParams.xianprice = this.OnenewpacName.reduce( |
| | | (sum, item) => { |
| | | return sum.plus(new Big(item.ysPrice || "0")); |
| | | }, |
| | | new Big(0) |
| | | ).toNumber(); |
| | | }); |
| | | // ---------------------------------------------------------- |
| | | }) |
| | | .catch(() => { |
| | | this.youhui = oldValue; |
| | | }); |
| | | }, |
| | | numberChangeXianPrice(currentValue, oldValue) { |
| | | // 如果现价没有变化,直接返回 |
| | | if ( |
| | | this.queryParams.xianprice === this.lastXianPrice || |
| | | !this.queryParams.xianprice |
| | | ) { |
| | | return; |
| | | } |
| | | |
| | | this.$confirm("确定修改所有子项的折扣吗?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | // 确保修改折扣的值 |
| | | this.youhui = currentValue; |
| | | |
| | | let totalYsprice = new Big(0); // 初始化总 ysprice |
| | | // 遍历每个项目,更新每个子项的价格 |
| | | this.OnenewpacName.forEach((item) => { |
| | | item.limits = this.youhui; |
| | | const proPrice = new Big(item.proPrice); |
| | | const limits = new Big(item.limits); |
| | | const result = proPrice.times(limits.div(10)); // ordPrice * (discount / 10) |
| | | item.ysPrice = result.toNumber(); |
| | | totalYsprice = totalYsprice.plus(new Big(item.ysPrice)); |
| | | }); |
| | | // 如果总的 ysPrice 和查询参数中的 xianprice 不一致,进行调整 |
| | | if (!totalYsprice.eq(this.queryParams.xianprice)) { |
| | | const diff = new Big(this.queryParams.xianprice).minus( |
| | | totalYsprice |
| | | ); |
| | | // 如果 OnenewpacName 数组不为空,调整最后一项的 ysPrice |
| | | if (this.OnenewpacName.length > 0) { |
| | | const lastItem = |
| | | this.OnenewpacName[this.OnenewpacName.length - 1]; |
| | | const newYsPrice = new Big(lastItem.ysPrice) |
| | | .plus(diff) |
| | | .toNumber(); |
| | | // 使用 $set 确保响应性更新 |
| | | this.$set( |
| | | this.OnenewpacName[this.OnenewpacName.length - 1], |
| | | "ysPrice", |
| | | newYsPrice |
| | | ); |
| | | } |
| | | } |
| | | // 更新 lastXianPrice 以便下次比较 |
| | | this.lastXianPrice = this.queryParams.xianprice; |
| | | }) |
| | | .catch(() => { |
| | | // 如果取消修改,恢复原有的优惠值 |
| | | this.youhui = oldValue; |
| | | }); |
| | | }, |
| | | |
| | | changegroupingName() { |
| | |
| | | index + |
| | | 1; |
| | | }); |
| | | // if (this.groupList.length >= 1) { |
| | | // if (this.groupList[0].id) { |
| | | // getfzgrouping(this.groupList[0].id).then((response) => { |
| | | // this.OnenewpacName = response.data.groupingProList; |
| | | // this.queryParams.price = 0; |
| | | // this.OnenewpacName.forEach((item) => { |
| | | // this.queryParams.price += item.proPrice; |
| | | // }); |
| | | // }); |
| | | // } |
| | | // } |
| | | |
| | | // if (this.newpacName.length != 0) { |
| | | // this.$nextTick(() => { |
| | | // if (this.forms.pacName) { |
| | | // this.newpacName.forEach((item, index) => { |
| | | // if (this.forms.pacName == item.pacName) { |
| | | // this.$refs.tbone.toggleRowSelection( |
| | | // this.newpacName[index], |
| | | // true |
| | | // ); |
| | | // } |
| | | // }); |
| | | // } else { |
| | | // this.$refs.tbone.toggleRowSelection(this.newpacName[0], true); |
| | | // } |
| | | // }); |
| | | // } else { |
| | | // this.$refs.tbone.clearSelection(); |
| | | // } |
| | | }); |
| | | } else { |
| | | deptTreeSelect().then((response) => { |
| | |
| | | index + |
| | | 1; |
| | | }); |
| | | // if (this.groupList.length >= 1) { |
| | | // if (this.groupList[0].id) { |
| | | // getfzgrouping(this.groupList[0].id).then((response) => { |
| | | // this.OnenewpacName = response.data.groupingProList; |
| | | // this.queryParams.price = 0; |
| | | // this.OnenewpacName.forEach((item) => { |
| | | // this.queryParams.price += item.proPrice; |
| | | // }); |
| | | // }); |
| | | // } |
| | | // } |
| | | // if (this.newpacName.length != 0) { |
| | | // this.$nextTick(() => { |
| | | // if (this.forms.pacName) { |
| | | // this.newpacName.forEach((item, index) => { |
| | | // if (this.forms.pacName == item.pacName) { |
| | | // this.$refs.tbone.toggleRowSelection( |
| | | // this.newpacName[index], |
| | | // true |
| | | // ); |
| | | // } |
| | | // }); |
| | | // } else { |
| | | // this.$refs.tbone.toggleRowSelection(this.newpacName[0], true); |
| | | // } |
| | | // }); |
| | | // } else { |
| | | // this.$refs.tbone.clearSelection(); |
| | | // } |
| | | }); |
| | | } |
| | | getProjectList().then((response) => { |
| | | this.Treedata = response.data; |
| | | |
| | | }); |
| | | }, |
| | | |
| | | getpro() { |
| | | getProjectList().then((response) => { |
| | | this.Treedata = response.data; |
| | | }); |
| | | }, |
| | | handleSearch() { |
| | | if (this.queryParams.pacName) { |
| | | getPackageList(this.queryParams.pacName).then((response) => { |
| | |
| | | } |
| | | }, |
| | | handleSearchFor() { |
| | | getProjectList(this.queryParams.proName).then((response) => { |
| | | this.Treedata = response.data; |
| | | response.data.forEach((item, index) => { |
| | | item.newID = |
| | | (this.queryParams.pageNum - 1) * this.queryParams.pageSize + |
| | | index + |
| | | 1; |
| | | // 判断是否为汉字 |
| | | const isChineseChar = (char) => /[\u4E00-\u9FA5]/.test(char); |
| | | if (isChineseChar(this.queryParams1.proName)) { |
| | | this.queryParams1.pym = null; |
| | | getProjectList(this.queryParams1).then((response) => { |
| | | this.Treedata = response.data; |
| | | }); |
| | | }); |
| | | } else { |
| | | this.queryParams1.pym = this.queryParams1.proName; |
| | | this.queryParams1.proName = null; |
| | | getProjectList(this.queryParams1).then((response) => { |
| | | this.Treedata = response.data; |
| | | }); |
| | | } |
| | | }, |
| | | // 单项数据获取 |
| | | handleChangesingle(selection) { |
| | | if (selection) { |
| | | this.dataList = selection; |
| | | this.resetright(); |
| | | } |
| | | }, |
| | | // 单项选定按钮 |
| | | resetright() { |
| | | this.queryParams.price = 0; |
| | | // this.dataLists=JSON.parse(JSON.stringify(this.dataList)); |
| | | this.dataList.forEach((item) => { |
| | | this.$refs.tre.toggleRowSelection(item, false); |
| | | this.OnenewpacName.push(item); |
| | | }); |
| | | if (this.dataList.length == 0) { |
| | | return; // 如果数据列表为空,直接返回 |
| | | } else { |
| | | this.queryParams.price = 0; // 初始化总价 |
| | | this.queryParams.xianprice = 0; // 初始化现价 |
| | | this.youhui = 0; // 初始化优惠 |
| | | |
| | | for (var i = 0; i < this.OnenewpacName.length - 1; i++) { |
| | | for (var j = i + 1; j < this.OnenewpacName.length; j++) { |
| | | if (this.OnenewpacName[i].proId == this.OnenewpacName[j].proId) { |
| | | this.OnenewpacName.splice(j, 1); |
| | | j--; |
| | | const newItemsToAdd = []; // 用于存储新需要添加的项目 |
| | | |
| | | this.dataList.forEach((item) => { |
| | | this.$refs.tre.toggleRowSelection(item, false); // 取消选中状态 |
| | | // 使用 $set 确保响应性 |
| | | this.$set(item, "limits", 10); // 设置限制数量 |
| | | this.$set(item, "ysPrice", item.proPrice); // 设置现价为原价 |
| | | |
| | | // 检查是否已经存在相同的项目 |
| | | const existingItem = this.OnenewpacName.find( |
| | | (existing) => existing.proId === item.proId |
| | | ); |
| | | if (!existingItem) { |
| | | newItemsToAdd.push(item); // 如果不存在相同项目,则添加到新数组 |
| | | this.updateProPrice(item); |
| | | } |
| | | }); |
| | | |
| | | // 添加新项目到 OnenewpacName |
| | | this.OnenewpacName.push(...newItemsToAdd); |
| | | |
| | | // 删除重复项目,这里我们只需处理新添加的项目和原有项目之间的重复 |
| | | for ( |
| | | let i = this.OnenewpacName.length - newItemsToAdd.length; |
| | | i < this.OnenewpacName.length - 1; |
| | | i++ |
| | | ) { |
| | | for (let j = i + 1; j < this.OnenewpacName.length; j++) { |
| | | if (this.OnenewpacName[i].proId === this.OnenewpacName[j].proId) { |
| | | this.OnenewpacName.splice(j, 1); // 删除重复的项目 |
| | | j--; // 因为删除了一个元素,当前的j要减1 |
| | | } |
| | | } |
| | | } |
| | | this.queryParams.price = 0; |
| | | this.queryParams.xianprice = 0; |
| | | // 重新计算总价和现价 |
| | | this.OnenewpacName.forEach((item) => { |
| | | this.queryParams.price += item.proPrice; // 累加原价 |
| | | //this.queryParams.xianprice += item.ysPrice || 0; 累加现价,如果ysPrice为undefined则累加0 |
| | | }); |
| | | this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => { |
| | | return sum.plus(new Big(item.ysPrice || "0")); |
| | | }, new Big(0)).toNumber(); |
| | | this.youhui = |
| | | (Math.floor( |
| | | (this.queryParams.xianprice / this.queryParams.price) * 100 |
| | | ) / |
| | | 100) * |
| | | 10; |
| | | } |
| | | return this.OnenewpacName.forEach((item) => { |
| | | this.queryParams.price += item.proPrice; |
| | | }); |
| | | }, |
| | | handledbelete(row) { |
| | | this.queryParams.price = 0; |
| | | this.OnenewpacName.forEach((item, index) => { |
| | | if (item.proId == row.proId) { |
| | | this.OnenewpacName.splice(index, 1); |
| | | } |
| | | }); |
| | | return this.OnenewpacName.forEach((item) => { |
| | | this.queryParams.xianprice = 0; // 初始化现价 |
| | | this.youhui = 0; // 初始化优惠 |
| | | |
| | | // 先找到并删除项目 |
| | | this.OnenewpacName = this.OnenewpacName.filter( |
| | | (item) => item.proId !== row.proId |
| | | ); |
| | | |
| | | // 然后更新总价和现价 |
| | | this.OnenewpacName.forEach((item) => { |
| | | this.queryParams.price += item.proPrice; |
| | | this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => { |
| | | return sum.plus(new Big(item.ysPrice || "0")); |
| | | }, new Big(0)).toNumber(); |
| | | }); |
| | | }, |
| | | /* submitrighr() { |
| | | if (this.pacList.length >= 1) { |
| | | this.openss = false; |
| | | this.forms.pacName = this.pacList[0].pacName; |
| | | this.forms.price = this.queryParams.price; |
| | | this.forms.ysPrice = ( |
| | | this.forms.price * |
| | | (this.forms.limits / 10) |
| | | ).toFixed(2); |
| | | |
| | | // 计算优惠 |
| | | if (this.queryParams.price > 0) { |
| | | this.youhui = |
| | | (Math.floor( |
| | | (this.queryParams.xianprice / this.queryParams.price) * 100 |
| | | ) / |
| | | 100) * |
| | | 10; |
| | | } else { |
| | | this.$modal.msgError("请选择套餐"); |
| | | this.youhui = 10; |
| | | } |
| | | }, */ |
| | | }, |
| | | |
| | | submitrighr() { |
| | | this.openOne = false; |
| | | // this.forms.pacName = this.pacList[0].pacName; |
| | | this.forms.price = this.queryParams.price; |
| | | this.forms.ysPrice = ( |
| | | this.forms.price * |
| | | (this.forms.limits / 10) |
| | | ).toFixed(2); |
| | | // console.log(this.groupingList, 555); |
| | | |
| | | this.forms.ysPrice = this.queryParams.xianprice; |
| | | this.forms.limits = this.youhui; |
| | | let mapList = []; |
| | | this.OnenewpacName.forEach((item) => { |
| | | mapList.push({ |
| | | proName: item.proName, |
| | | proId: item.proId, |
| | | proPrice: item.proPrice, |
| | | limits: item.limits, |
| | | ysPrice: item.ysPrice, |
| | | }); |
| | | }); |
| | | |
| | |
| | | mapList: mapList, |
| | | price: this.forms.price, |
| | | ysPrice: this.forms.ysPrice, |
| | | id: this.groupList[0].id, |
| | | id: this.groupList[0] ? this.groupList[0].id : "", |
| | | }; |
| | | |
| | | // 发送请求保存数据 |
| | |
| | | if (res.code == 200) { |
| | | this.beCurrent(); |
| | | this.forms.groupingName = ""; |
| | | this.forms.sex = ""; |
| | | this.forms.sex = "2"; |
| | | this.forms.pacName = ""; |
| | | this.forms.price = ""; |
| | | this.forms.ysPrice = ""; |
| | | this.forms.payType = ""; |
| | | this.forms.payType = "1"; |
| | | } |
| | | }); |
| | | |
| | |
| | | this.pacList.forEach((item) => { |
| | | this.OnenewpacName = item.tjProjectList; |
| | | }); |
| | | // this.dataLists.forEach((item2) => { |
| | | // this.OnenewpacName.push(item2); |
| | | // }); |
| | | this.OnenewpacName.forEach((item) => { |
| | | this.queryParams.price += item.proPrice; |
| | | }); |
| | |
| | | |
| | | handleChange(selection) { |
| | | this.groupList = selection; |
| | | |
| | | if (selection.length > 0) { |
| | | this.groupList.forEach((item) => { |
| | | this.forms.groupingName = item.groupingName; |
| | | this.forms.gtAge = item.gtAge; |
| | | this.forms.limits = item.limits; |
| | | this.youhui = item.limits; |
| | | this.forms.ltAge = item.ltAge; |
| | | this.forms.pacName = item.pacName; |
| | | this.forms.payType = item.payType; |
| | |
| | | this.GroupUpdate(); |
| | | this.isSexDisabled = false; // 恢复性别选择框为可用 |
| | | } |
| | | |
| | | /* this.groupList.forEach((item) => { |
| | | this.forms.groupingName = item.groupingName; |
| | | this.forms.gtAge = item.gtAge; |
| | | this.forms.limits = item.limits; |
| | | this.forms.ltAge = item.ltAge; |
| | | this.forms.pacName = item.pacName; |
| | | this.forms.payType = item.payType; |
| | | this.forms.sex = item.sex; |
| | | this.forms.price = item.price; |
| | | this.forms.ysPrice = item.ysPrice; |
| | | }); |
| | | if (selection.length > 1) { |
| | | let del_row = selection.shift(); |
| | | this.$refs.tbs.toggleRowSelection(del_row, false); //设置这一行取消选中 |
| | | } |
| | | if(selection.length > 0) { |
| | | this.isSexDisabled = true; |
| | | } |
| | | else { |
| | | this.isSexDisabled = false; |
| | | } */ |
| | | this.groupIds = selection.map((item) => item.id); |
| | | this.singlegg = !selection.length; |
| | | }, |
| | | handleBeforeClose(done) { |
| | | this.$confirm("确认关闭?") |
| | | .then(() => done()) |
| | | .catch(() => { |
| | | /* 取消关闭 */ |
| | | }); |
| | | }, |
| | | xiangmuWh() { |
| | | if (!this.forms.groupingName || !this.forms.sex || !this.forms.payType) { |
| | | this.$modal.msgError("请先填写所有必填项!"); |
| | | return; // Stop execution if any required field is empty |
| | | } |
| | | this.openOne = true; |
| | | this.title = "分组项目维护"; |
| | | this.OnenewpacName = []; |
| | | this.queryParams.price = 0; |
| | | this.loading = true; |
| | | let id = this.groupList[0].id; |
| | | // console.log(this.groupList[0].id, 9966); |
| | | if (this.groupList[0]) { |
| | | let id = this.groupList[0].id || ""; |
| | | getDetails(id).then((res) => { |
| | | this.OnenewpacName = res.data.groupingProList; |
| | | // this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => { |
| | | // return sum.plus(new Big(item.ysPrice || '0')); |
| | | // }, new Big(0)).toNumber(); |
| | | |
| | | getDetails(id).then((res) => { |
| | | this.OnenewpacName = res.data.groupingProList; |
| | | this.OnenewpacName.forEach((item, index) => { |
| | | this.queryParams.price += item.proPrice; |
| | | // this.OnenewpacName.forEach((item, index) => { |
| | | // this.queryParams.price += item.proPrice; |
| | | // }); |
| | | // |
| | | |
| | | // this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10 |
| | | this.queryParams.xianprice = res.data.ysPrice; |
| | | this.queryParams.price = res.data.price; |
| | | this.youhui = res.data.limits; |
| | | }); |
| | | // return this.OnenewpacName.forEach((item) => { |
| | | // this.queryParams.price += item.proPrice; |
| | | // }); |
| | | } |
| | | // console.log(this.groupList[0].id, 9966); |
| | | getconfigKey("sfzstc").then((res) => { |
| | | this.sfzs = res.msg; |
| | | }); |
| | | |
| | | if (this.forms.sex) { |
| | | console.log("进来了if"); |
| | | |
| | | deptTreeSelect(this.forms.sex).then((response) => { |
| | | // 套餐名称 |
| | | this.newpacName = response.rows; |
| | | |
| | | this.loading = false; |
| | | response.rows.forEach((item, index) => { |
| | | item.newID = |
| | |
| | | }); |
| | | }); |
| | | } else { |
| | | console.log("进来了else"); |
| | | |
| | | deptTreeSelect().then((response) => { |
| | | this.newpacName = response.rows; |
| | | this.loading = false; |
| | |
| | | } |
| | | getProjectList().then((response) => { |
| | | this.Treedata = response.data; |
| | | // console.log(this.Treedata,999888); |
| | | }); |
| | | }, |
| | | //保存分组 |
| | | /* handleGroup() { |
| | | if (this.selectionList.length <= 0) { |
| | | this.$modal.msgError("请先选中部门或添加新的部门"); |
| | | } else { |
| | | this.groupList.forEach((item) => { |
| | | if (item.id) { |
| | | this.id = item.id; |
| | | } |
| | | }); |
| | | let mapList = []; |
| | | this.OnenewpacName.forEach((item) => { |
| | | mapList.push({ |
| | | proName: item.proName, |
| | | proId: item.proId, |
| | | proPrice: item.proPrice, |
| | | }); |
| | | }); |
| | | if (this.id) { |
| | | var data = { |
| | | id: this.id, |
| | | groupingName: this.forms.groupingName, |
| | | gtAge: this.forms.gtAge, |
| | | limits: this.forms.limits, |
| | | ltAge: this.forms.ltAge, |
| | | pacName: this.forms.pacName, |
| | | payType: this.forms.payType, |
| | | sex: this.forms.sex, |
| | | dwDeptId: this.selectionList[0].id, |
| | | dwId: this.selectionList[0].dwId, |
| | | mapList: mapList, |
| | | price: this.forms.price, |
| | | ysPrice: this.forms.ysPrice, |
| | | }; |
| | | } else { |
| | | var data = { |
| | | groupingName: this.forms.groupingName, |
| | | gtAge: this.forms.gtAge, |
| | | limits: this.forms.limits, |
| | | ltAge: this.forms.ltAge, |
| | | pacName: this.forms.pacName, |
| | | payType: this.forms.payType, |
| | | sex: this.forms.sex, |
| | | dwDeptId: this.selectionList[0].id, |
| | | dwId: this.selectionList[0].dwId, |
| | | mapList: mapList, |
| | | price: this.forms.price, |
| | | ysPrice: this.forms.ysPrice, |
| | | }; |
| | | } |
| | | dwgrouping(data).then((res) => { |
| | | if (res.code == 200) { |
| | | this.beCurrent(); |
| | | this.groupingList = res.data.updatedGroupingList; |
| | | this.forms.groupingName = ""; |
| | | this.forms.sex = ""; |
| | | this.forms.pacName = ""; |
| | | this.forms.price = ""; |
| | | this.forms.ysPrice = ""; |
| | | this.forms.payType = ""; |
| | | } |
| | | }); |
| | | } |
| | | }, */ |
| | | |
| | | handleGroup() { |
| | | // 如果没有选中任何部门(即没有 selectionList),可以直接从 OnenewpacName 获取数据 |
| | | let mapList = []; |
| | |
| | | proPrice: item.proPrice, |
| | | }); |
| | | }); |
| | | |
| | | // 如果 selectionList 为空,使用 mapList 继续保存 |
| | | /* if (this.OnenewpacName.length === 0) { |
| | | this.$modal.msgError("请先选中项目"); |
| | | return; // 提示用户选中项目 |
| | | } */ |
| | | |
| | | this.forms.ysPrice = ( |
| | | this.forms.price * |
| | | (this.forms.limits / 10) |
| | | ).toFixed(2); |
| | | |
| | | let data = { |
| | | groupingName: this.forms.groupingName, |
| | |
| | | if (res.code == 200) { |
| | | this.beCurrent(); |
| | | this.forms.groupingName = ""; |
| | | this.forms.sex = ""; |
| | | this.forms.sex = "2"; |
| | | this.forms.pacName = ""; |
| | | this.forms.price = ""; |
| | | this.forms.ysPrice = ""; |
| | | this.forms.payType = ""; |
| | | this.forms.payType = "1"; |
| | | } |
| | | }); |
| | | }, |
| | | // 修改分组 |
| | | GroupUpdate() { |
| | | // this.forms = {}; |
| | | this.$refs.tbs.clearSelection(); |
| | | this.forms = { |
| | | groupingName: "", |
| | | gtAge: "", |
| | | limits: "", |
| | | ltAge: "", |
| | | pacName: "", |
| | | payType: "", |
| | | sex: "", |
| | | payType: "1", |
| | | sex: "2", |
| | | price: "", |
| | | ysPrice: "", |
| | | }; |
| | | |
| | | // this.$refs.forms.resetFields(); |
| | | }, |
| | | beCurrent() { |
| | | let data = { |
| | |
| | | } |
| | | }, |
| | | |
| | | // 把每一行的索引放进row,方便双击修改无法获得索引则无法取消后数据进行还原 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | row.index = rowIndex; |
| | | }, |
| | | |
| | | Package() { |
| | | this.taocan = true; |
| | | deptTreeSelect(this.forms.sex).then((res) => { |
| | | if (res.rows) { |
| | | this.newpacName1 = res.rows; |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | handle() { |
| | | this.loading = true; |
| | | deptTreeSelect(this.forms.sex, this.queryParam) |
| | | .then((res) => { |
| | | if (res.rows) { |
| | | this.newpacName1 = res.rows; // 更新套餐列表 |
| | | } else { |
| | | this.newpacName1 = []; |
| | | } |
| | | this.loading = false; |
| | | }) |
| | | .catch(() => { |
| | | this.loading = false; |
| | | this.$modal.msgError("搜索失败,请稍后重试"); |
| | | }); |
| | | }, |
| | | |
| | | /** 提交按钮 */ |
| | |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | |
| | | submit() { |
| | | if (!this.selectedPackage) { |
| | | this.$modal.msgError("请先选择一个套餐"); |
| | | return; |
| | | } |
| | | |
| | | // 清空左侧表格 |
| | | this.OnenewpacName = []; |
| | | |
| | | // 获取选中的套餐项目列表 |
| | | const newProjects = this.selectedPackage.tjProjectList || []; |
| | | |
| | | // 将选中的套餐项目添加到左侧表格 |
| | | this.loading = true; |
| | | newProjects.forEach((project) => { |
| | | // 为每个项目设置默认折扣和现价 |
| | | this.$set(project, "limits", 10); // 默认折扣 10(即原价) |
| | | this.$set(project, "ysPrice", project.proPrice); // 现价初始化为原价 |
| | | this.OnenewpacName.push(project); |
| | | }); |
| | | |
| | | // 更新总价和现价 |
| | | this.queryParams.price = this.OnenewpacName.reduce((sum, item) => { |
| | | return sum + (item.proPrice || 0); |
| | | }, 0); |
| | | |
| | | this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => { |
| | | return sum + (item.ysPrice || 0); |
| | | }, 0); |
| | | |
| | | // 更新优惠值 |
| | | this.youhui = |
| | | this.queryParams.price > 0 |
| | | ? (Math.floor( |
| | | (this.queryParams.xianprice / this.queryParams.price) * 100 |
| | | ) / |
| | | 100) * |
| | | 10 |
| | | : 0; |
| | | |
| | | // 关闭对话框 |
| | | this.taocan = false; |
| | | this.loading = false; |
| | | this.$modal.msgSuccess("添加成功"); |
| | | }, |
| | | cancel1() { |
| | | this.taocan = false; |
| | | }, |
| | | |
| | | handleSelectionChange1(selection) { |
| | | // 实现单选逻辑 |
| | | if (selection.length > 1) { |
| | | const lastSelected = selection[selection.length - 1]; |
| | | this.$refs.tb.clearSelection(); |
| | | this.$refs.tb.toggleRowSelection(lastSelected, true); |
| | | this.selectedPackage = lastSelected; |
| | | } else if (selection.length === 1) { |
| | | this.selectedPackage = selection[0]; |
| | | } else { |
| | | this.selectedPackage = null; |
| | | } |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | | this.download( |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | <style lang="scss" scoped> |
| | | .pag { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | justify-content: center; |
| | | margin: auto; |
| | | } |
| | | |
| | | .btnback { |
| | | width: 50px; |
| | | height: 100px; |
| | | } |
| | | |
| | | ::v-deep .el-dialog__body { |
| | | padding: 5px 30px; |
| | | } |
| | | |
| | | ::v-deep .el-dialog { |
| | | // height: 750px; |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | ::v-deep .btntoleft .el-button--medium { |
| | | padding: 20px 20px 10px; |
| | | font-size: 14px; |
| | | border-radius: 4px; |
| | | } |
| | | </style> |