| | |
| | | </el-row> |
| | | |
| | | <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border row-key="proId" |
| | | :expand-row-keys="ListId" :row-class-name="selectSingleRow" |
| | | :tree-props="{ children: 'tjProjectList', hasChildren: 'tjProjectList.length>0', }"> |
| | | <el-table-column label="项目名称" prop="proName" fixed="left" width="150px" :show-overflow-tooltip="true" /> |
| | | :expand-row-keys="ListId" :row-class-name="selectSingleRow" :tree-props="{ |
| | | children: 'tjProjectList', |
| | | hasChildren: 'tjProjectList.length>0', |
| | | }"> |
| | | <!-- :show-overflow-tooltip="true" --> |
| | | <el-table-column label="项目名称" prop="proName" fixed="left" :width="flexColumnWidth('rwdtypeName')" /> |
| | | <el-table-column label="项目价格(单位/元)" align="center" prop="proPrice" width="75px" |
| | | :show-overflow-tooltip="true"></el-table-column> |
| | | <el-table-column label="科室名称" align="center" prop="deptName" width="110px" :show-overflow-tooltip="true" /> |
| | | <!-- <el-table-column label="科室名称" align="center" prop="deptName" width="110px" :show-overflow-tooltip="true" /> --> |
| | | <el-table-column label="检查类别" align="center" prop="proCheckType" width="110px" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="默认值" align="center" prop="proDefault" width="110px" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="临床意义" align="center" prop="proMeaning" width="350px" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="检查方式" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" |
| | | width="110px" /> |
| | | <!-- <el-table-column label="检查方式" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" |
| | | width="110px" /> --> |
| | | <el-table-column label="参与小结" align="center" prop="needReport" :show-overflow-tooltip="true" width="110px"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="是否空腹" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" width="110px"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="项目标准值" align="center" prop="proScope" :show-overflow-tooltip="true" width="90px"> |
| | | </el-table-column> |
| | | <el-table-column label="项目类型" align="center" prop="resultType" width="110px" :show-overflow-tooltip="true"> |
| | |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['hosp:project:edit']" title="修改"></el-button> |
| | | <el-button v-if="scope.row.proParentId == '0'" size="mini" type="text" icon="el-icon-plus" |
| | | @click="handleAdd(scope.row)" v-hasPermi="['system:dept:add']" title="增加"></el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
| | | v-hasPermi="['hosp:project:remove']" title="删除"></el-button> |
| | | </template> |
| | |
| | | </el-row> |
| | | |
| | | <!-- 添加或修改体检项目对话框 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body :before-close="handleClose"> |
| | | <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body :before-close="handleClose"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true"> |
| | | <el-form-item label="主项名称" prop="proParentId"> |
| | | <treeselect v-model="form.proParentId" :options="projectOptions" :normalizer="normalizer" :show-count="true" |
| | | placeholder="选择主项名称" style="width: 200px" @select="obtain" /> |
| | | placeholder="选择主项名称" style="width: 260px" @select="obtain" /> |
| | | </el-form-item> |
| | | <el-form-item label="明细项目" prop="proName" v-if="key == 'Y'"> |
| | | <span slot="label" style="display:inline-block;border-bottom: 2px solid blue;" @click="getDetailed"> |
| | | <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed"> |
| | | 明细项目 |
| | | <!-- <el-tooltip effect="dark" content="明细项目" placement="bottom"> |
| | | <i class='el-icon-question' @click="getDetailed" /> |
| | |
| | | <el-input v-model="form.proPrice" placeholder="请输入项目价格" /> |
| | | </el-form-item> |
| | | <el-form-item label="检查类别" prop="proCheckType"> |
| | | <el-input v-model="form.proCheckType" placeholder="请输入检查类别" /> |
| | | <el-input v-model="form.proCheckType" placeholder="请输入检查类别" style="width: 260px" /> |
| | | </el-form-item> |
| | | <el-form-item label="临床意义" prop="proMeaning"> |
| | | <el-input v-model="form.proMeaning" placeholder="请输入临床意义" /> |
| | | </el-form-item> |
| | | <el-form-item label="检查方式" prop="proCheckMethod"> |
| | | <el-input v-model="form.proCheckMethod" placeholder="请输入检查方式" /> |
| | | </el-form-item> |
| | | <el-form-item label="空腹" prop="isEat"> |
| | | <el-select v-model="form.isEat" placeholder="请选择是否空腹" style="width: 200px"> |
| | | <el-form-item label="参与小结" prop="needReport"> |
| | | <el-select v-model="form.needReport" placeholder="请选择是否参与小结" style="width: 200px"> |
| | | <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="是否空腹" prop="proCheckMethod"> |
| | | <el-select v-model="form.proCheckMethod" placeholder="请选择是否空腹" style="width: 260px"> |
| | | <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="空腹" prop="isEat"> |
| | | <el-select v-model="form.isEat" placeholder="请选择是否空腹" style="width: 200px"> |
| | | <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <el-form-item label="性别" prop="proSex"> |
| | | <el-select v-model="form.proSex" placeholder="请选择体检人性别" style="width: 200px"> |
| | | <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" |
| | |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="科室名称" prop="deptId"> |
| | | <el-select v-model="form.deptId" placeholder="请选择科室名称" @change="changeValue" filterable style="width: 205px"> |
| | | <el-select v-model="form.deptId" placeholder="请选择科室名称" @change="changeValue" filterable style="width: 260px"> |
| | | <el-option v-for="dict in parentNameList" :key="dict.deptId" :label="dict.deptName" :value="dict.deptId" /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-select v-model="form.proStatus" placeholder="请选择状态" style="width: 200px" filterable clearable> |
| | | <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> </el-form-item> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="项目默认值" prop="proDefault"> |
| | | <el-input v-model="form.proDefault" placeholder="请输入项目默认值" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="采样标记" prop="isSampling"> |
| | | <el-select v-model="form.isSampling" placeholder="请选择采样标记" style="width: 210px" filterable clearable> |
| | | <el-select v-model="form.isSampling" placeholder="请选择采样标记" style="width: 260px" filterable clearable> |
| | | <el-option v-for="dict in dict.type.dis_sampling_tab" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | |
| | | <el-select v-model="form.specimenType" placeholder="请选择标本类型" style="width: 200px" filterable clearable> |
| | | <el-option v-for="dict in dict.type.sys_dict_specimen" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> </el-form-item> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查部位" prop="checkBw"> |
| | | <el-select v-model="form.checkBw" placeholder="请选择检查部位" style="width: 200px" filterable clearable> |
| | | <el-option v-for="dict in dict.type.sys_dict_position" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> </el-form-item> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="结果类型" prop="resultType"> |
| | | <el-select v-model="form.resultType" placeholder="请选择结果类型" style="width: 210px" filterable clearable> |
| | | <el-select v-model="form.resultType" placeholder="请选择结果类型" style="width: 260px" filterable clearable> |
| | | <el-option v-for="dict in dict.type.tj_result_type" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> </el-form-item> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="proRemark"> |
| | | <el-input v-model="form.proRemark" placeholder="请输入备注" style="width: 510px" /> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | | <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus" |
| | | @click="addmembers">新增行</el-button> |
| | |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="收费项目" :visible.sync="dialogTableVisible" width="80%"> |
| | | |
| | | <div class="app-container"> |
| | | <el-row :gutter="24"> |
| | | <!--部门数据--> |
| | | <el-col :span="6" :xs="24"> |
| | | <div style="height:560px;overflow-y: scroll;"> |
| | | <div style="height: 560px; overflow-y: scroll"> |
| | | <div class="head-container"> |
| | | <el-input v-model="xmmc" placeholder="请输入项目编码" clearable size="small" prefix-icon="el-icon-search" |
| | | style="margin-bottom: 20px" /> |
| | |
| | | :auto-expand-parent="false" :filter-node-method="filterNode2" @node-click="handleNodecharge" /> |
| | | </div> |
| | | </div> |
| | | |
| | | </el-col> |
| | | <el-col :span="18" :xs="24"> |
| | | <el-form :model="querycharge" ref="queryForm" size="small" :inline="true" v-show="showSearch" |
| | | label-width="68px"> |
| | | <el-form-item label="项目名称" prop="xmmc"> |
| | | <el-input v-model="querycharge.xmmc" placeholder="请输入项目名称" clearable @keyup.enter.native="handleQuery" /> |
| | | <el-input v-model="querycharge.xmmc" placeholder="请输入项目名称" clearable @keyup.enter.native="handlecharge" /> |
| | | </el-form-item> |
| | | <el-form-item label="拼音码" prop="pym"> |
| | | <el-input v-model="querycharge.pym" placeholder="请输入拼音码" clearable @keyup.enter.native="handleQuery" /> |
| | | <el-input v-model="querycharge.pym" placeholder="请输入拼音码" clearable @keyup.enter.native="handlecharge" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handlecharge">搜索</el-button> |
| | |
| | | </el-form> |
| | | |
| | | <el-table v-loading="loading" ref="tb" :data="sfxmList" @selection-change="handleSelectionChange" border |
| | | height="520px" style="width: 100%"> |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column label="序号" align="center" prop="newID" |
| | | /> |
| | | <el-table-column label="项目编码" align="center" prop="xmbm" /> |
| | | <el-table-column label="项目名称" align="center" prop="xmmc"/> |
| | | height="520px" style="width: 100%"> |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column label="序号" align="center" prop="newID" /> |
| | | <el-table-column label="项目编码" align="center" prop="xmbm" /> |
| | | <el-table-column label="项目名称" align="center" prop="xmmc" /> |
| | | <el-table-column label="拼音码" align="center" prop="pym" /> |
| | | <!-- <el-table-column label="五笔码" align="center" prop="wbm" /> --> |
| | | <el-table-column label="参考单价" align="center" prop="ckdj" /> |
| | | <el-table-column label="一级最高限价" align="center" prop="yjzgxj" /> |
| | | <el-table-column label="二级最高限价" align="center" prop="ejzgxj" /> |
| | | <el-table-column label="一级最高限价" align="center" prop="yjzgxj" /> |
| | | <el-table-column label="二级最高限价" align="center" prop="ejzgxj" /> |
| | | <el-table-column label="三级最高限价" align="center" prop="sjzgxj" /> |
| | | <el-table-column label="特定最高限价" align="center" prop="tdzgxj" /> |
| | | <el-table-column label="特定最高限价" align="center" prop="tdzgxj" /> |
| | | </el-table> |
| | | |
| | | <div class="pag" v-if="List == true"> |
| | |
| | | addSfxm, |
| | | updateSfxm, |
| | | gettreeList, |
| | | getListByXmId |
| | | getListByXmId, |
| | | } from "@/api/system/sfxm"; |
| | | |
| | | export default { |
| | | name: "Project", |
| | | dicts: ["sys_normal_disable", "dict_personnel_type", "sys_user_sex", "tj_result_type", "dis_sampling_tab", "sys_dict_specimen", "sys_dict_position", "tj_result_type", "sys_yes_no"], |
| | | dicts: [ |
| | | "sys_normal_disable", |
| | | "dict_personnel_type", |
| | | "sys_user_sex", |
| | | "tj_result_type", |
| | | "dis_sampling_tab", |
| | | "sys_dict_specimen", |
| | | "sys_dict_position", |
| | | "tj_result_type", |
| | | "sys_yes_no", |
| | | ], |
| | | components: { Treeselect, IconSelect }, |
| | | data() { |
| | | let checkPhoneNum = (rule, value, callback) => { |
| | | 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 { |
| | | // 部门树选项 |
| | | deptOptions: undefined, |
| | |
| | | }, |
| | | querycharge: { |
| | | pageNum: 1, |
| | | pageSize: 50, |
| | | pageSize: 10, |
| | | xmmc: null, |
| | | pym: null, |
| | | }, |
| | |
| | | // 表单校验 |
| | | rules: { |
| | | createTime: [ |
| | | { required: true, message: "创建时间不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | updateTime: [ |
| | | { required: true, message: "修改时间不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | deleted: [ |
| | | { required: true, message: "删除标记不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | proName: [ |
| | | { required: true, message: "项目名称不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | proPrice: [ |
| | | { required: true, message: "项目价格不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | deptId: [ |
| | | { required: true, message: "科室名称不能为空", trigger: "blur" }, |
| | | ], |
| | | deptId: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | // proStandard: [ |
| | | // { required: true, message: "项目标准值不能为空", trigger: "blur" }, |
| | | // ], |
| | |
| | | if (newVal) { |
| | | this.$nextTick(() => { |
| | | document |
| | | .querySelector('.el-tree-node__children .el-tree-node__content') |
| | | .querySelector(".el-tree-node__children .el-tree-node__content") |
| | | .click(); |
| | | }); |
| | | } |
| | |
| | | this.$nextTick(() => { |
| | | // document.getElementById("changtree").click();; |
| | | document |
| | | .querySelector('#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content') |
| | | .querySelector( |
| | | "#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content" |
| | | ) |
| | | .click(); |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | |
| | | created() { |
| | |
| | | this.getDeptTree(); |
| | | }, |
| | | methods: { |
| | | |
| | | //是否显示选中的值 |
| | | display(value) { }, |
| | | /** 查询体检项目列表 */ |
| | |
| | | }, |
| | | |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | handleAdd(row) { |
| | | this.reset(); |
| | | this.getData(); |
| | | // if (row != null && row.proId) { |
| | | // this.form.proParentId = row.proId; |
| | | // } else { |
| | | // this.form.proParentId = 0; |
| | | // } |
| | | this.open = true; |
| | | this.loading = true; |
| | | ProjectTree().then((response) => { |
| | | if (response.code == 200) { |
| | | this.loading = false; |
| | | this.projectOptions = []; |
| | | const project = { proId: 0, proName: "主类目", children: [] }; |
| | | project.children = this.handleTree(response.data.list, "proId"); |
| | | this.key = response.data.key; |
| | | this.projectOptions.push(project); |
| | | if (row) { |
| | | this.form.proParentId = row.proId; |
| | | this.open = true; |
| | | } else { |
| | | this.open = true; |
| | | } |
| | | |
| | | } |
| | | }); |
| | | this.title = "体检项目信息维护"; |
| | | this.form.deptId = this.queryParams.deptId |
| | | if (this.key = "Y") { |
| | | |
| | | this.form.deptId = this.queryParams.deptId; |
| | | this.form.proCheckMethod = "N"; |
| | | this.form.needReport ="Y" |
| | | if ((this.key = "Y")) { |
| | | gettreeList().then((response) => { |
| | | this.deptOptionstree = response.data; |
| | | this.chargeId.push(this.deptOptionstree[0].id) |
| | | |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | // 打开input弹框 |
| | | getDetailed() { |
| | | if (this.form.proParentId) { |
| | | if (this.selectList) { |
| | | if (this.selectList.proName === "主类目") { |
| | | this.dialogTableVisible = false; |
| | | } else { |
| | | this.dialogTableVisible = true; |
| | | this.getlistSfxm() |
| | | this.$nextTick(()=>{ |
| | | this.chargeId.push(this.deptOptionstree[0].id); |
| | | }) |
| | | this.getlistSfxm(); |
| | | |
| | | } |
| | | }else{ |
| | | } else if (this.form.proParentId) { |
| | | if (this.form.proParentId != 0) { |
| | | this.dialogTableVisible = true; |
| | | this.$nextTick(()=>{ |
| | | this.chargeId.push(this.deptOptionstree[0].id); |
| | | }) |
| | | this.getlistSfxm(); |
| | | } else if (this.form.proParentId == 0) { |
| | | this.dialogTableVisible = false; |
| | | } |
| | | } else { |
| | | this.$message.error("请选择主项名称"); |
| | | } |
| | | |
| | | |
| | | }, |
| | | |
| | | obtain(vals) { |
| | | if (this.projectOptions) { |
| | | this.selectList = vals; |
| | | console.log(this.selectList); |
| | | } |
| | | if (this.selectList.proName === "主类目") { |
| | | this.showPrise = true; |
| | |
| | | }, |
| | | getlistSfxm() { |
| | | this.loading = true; |
| | | this.List = true |
| | | this.List = true; |
| | | listSfxm(this.querycharge).then((response) => { |
| | | this.sfxmList = response.rows; |
| | | response.rows.forEach((item, index) => { |
| | | item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + index + 1; |
| | | item.newID = |
| | | (this.querycharge.pageNum - 1) * this.querycharge.pageSize + |
| | | index + |
| | | 1; |
| | | }); |
| | | this.total = response.total; |
| | | this.loading = false; |
| | |
| | | // input弹框搜索 |
| | | handlecharge() { |
| | | this.querycharge.pageNum = 1; |
| | | this.List = true |
| | | this.getlistSfxm() |
| | | this.List = true; |
| | | this.getlistSfxm(); |
| | | }, |
| | | |
| | | handleNodecharge(data) { |
| | | this.queryParam.id = data.id; |
| | | this.List = false |
| | | this.getListByXmId() |
| | | this.List = false; |
| | | this.getListByXmId(); |
| | | }, |
| | | |
| | | getListByXmId() { |
| | |
| | | getListByXmId(this.queryParam).then((response) => { |
| | | this.sfxmList = response.data.date; |
| | | response.data.date.forEach((item, index) => { |
| | | item.newID = (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1; |
| | | item.newID = |
| | | (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1; |
| | | }); |
| | | this.total = response.data.total; |
| | | this.loading = false; |
| | |
| | | this.projectOptions = []; |
| | | const project = { proId: 0, proName: "主类目", children: [] }; |
| | | project.children = this.handleTree(response.data.list, "proId"); |
| | | this.key = response.data.key |
| | | this.key = response.data.key; |
| | | // if (this.key == "Y") { |
| | | // this.key = response.data.key |
| | | // } else if (response.data.key == "N") { |
| | |
| | | /** 查询部门列表 */ |
| | | getDeptList() { |
| | | listDept(this.queryParams).then((response) => { |
| | | console.log(response) |
| | | this.parentNameList = response.data; |
| | | this.deptList = this.handleTree(response.data, "proId"); |
| | | }); |
| | |
| | | getDeptTree() { |
| | | deptTree().then((response) => { |
| | | this.deptOptions = response.data; |
| | | this.treeId.push(this.deptOptions[0].id) |
| | | this.treeId.push(this.deptOptions[0].id); |
| | | }); |
| | | }, |
| | | |
| | |
| | | let data = { |
| | | deptId: this.queryParams.deptId, |
| | | }; |
| | | this.loading = true; |
| | | ProjectTree(data).then((response) => { |
| | | this.projectList = this.handleTree(response.data.list, "proId"); |
| | | this.ListId.push(this.projectList[0].proId) |
| | | this.key = response.data.key |
| | | // if (this.key == "Y") { |
| | | // this.key = response.data.key |
| | | // } else if (response.data.key == "N") { |
| | | // this.key = response.data.key |
| | | // } |
| | | this.loading = false; |
| | | if (response.code == 200) { |
| | | if (response.data.list.length >= 1) { |
| | | this.projectList = this.handleTree(response.data.list, "proId"); |
| | | this.ListId.push(this.projectList[0].proId); |
| | | this.key = response.data.key; |
| | | } else { |
| | | this.projectList = []; |
| | | } |
| | | |
| | | // if (this.key == "Y") { |
| | | // this.key = response.data.key |
| | | // } else if (response.data.key == "N") { |
| | | // this.key = response.data.key |
| | | // } |
| | | this.loading = false; |
| | | } |
| | | }); |
| | | }, |
| | | selectSingleRow({ row, rowIndex }) { |
| | | if (rowIndex === 1) { |
| | | return 'warning-row'; |
| | | return "warning-row"; |
| | | } |
| | | return ''; |
| | | return ""; |
| | | }, |
| | | |
| | | /** 展开/折叠操作 */ |
| | |
| | | }; |
| | | ProjectTree(data).then((response) => { |
| | | this.projectList = this.handleTree(response.data.list, "proId"); |
| | | this.ListId.push(this.projectList[0].proId) |
| | | this.key = response.data.key |
| | | this.ListId.push(this.projectList[0].proId); |
| | | this.key = response.data.key; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | handleClose() { |
| | | this.cancel() |
| | | this.cancel(); |
| | | }, |
| | | // 表单重置 |
| | | reset() { |
| | |
| | | this.handleQuery(); |
| | | }, |
| | | |
| | | flexColumnWidth(column) { |
| | | if (!column) { |
| | | return; |
| | | } |
| | | let maxlength = 160; //在此处设置默认宽度 |
| | | if (column == "rwdtypeName") { |
| | | //在此处为了保证表头不换行,可以根据表头名称长度设置默认宽度 |
| | | // column1 就是对应表格中的prop属性值,比如上面的 rwdtypeName |
| | | maxlength = 160; |
| | | } |
| | | for (let i = 0; i < this.projectList.length; i++) { |
| | | if (this.projectList[i][column]) { |
| | | let now_temp = this.projectList[i][column] + ""; |
| | | let flexWidth = 0; |
| | | for (const char of now_temp) { |
| | | if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) { |
| | | //英文字母 8 像素 |
| | | flexWidth += 8; |
| | | } else if (char >= "\u4e00" && char <= "\u9fa5") { |
| | | //中文文字 15 像素 |
| | | flexWidth += 15; |
| | | } else { |
| | | //其他字符 10 像素 |
| | | flexWidth += 10; |
| | | } |
| | | } |
| | | if (flexWidth > maxlength) { |
| | | maxlength = flexWidth; |
| | | } |
| | | } |
| | | } |
| | | //el-table中 cell 有左右的 padding 个 10 像素 |
| | | return maxlength + 20 + "px"; |
| | | }, |
| | | |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | this.ChangeList = selection |
| | | this.ChangeList = selection; |
| | | this.ids = selection.map((item) => item.id); |
| | | this.single = selection.length !== 1; |
| | | this.multiple = !selection.length; |
| | |
| | | this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中 |
| | | } |
| | | }, |
| | | |
| | | |
| | | |
| | | |
| | | // 新增行 |
| | | addmembers() { |
| | |
| | | const proId = row.proId || this.ids; |
| | | getProject(proId).then((response) => { |
| | | this.form = response.data; |
| | | if (this.form.proParentId === "0") { |
| | | this.showPrise = true; |
| | | this.showRentPrise = false; |
| | | } else { |
| | | this.showPrise = false; |
| | | this.showRentPrise = true; |
| | | } |
| | | this.form.deptId = Number(this.form.deptId); |
| | | if (this.form.proStatus === 0) { |
| | | this.form.proStatus = "启用"; |
| | | } else { |
| | |
| | | } |
| | | updateProject(this.form).then((response) => { |
| | | this.$modal.msgSuccess("修改成功"); |
| | | this.cancel() |
| | | this.cancel(); |
| | | }); |
| | | } else { |
| | | if (this.form.proParentId === 0) { |
| | |
| | | } |
| | | addProject(this.form).then((response) => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.cancel() |
| | | this.cancel(); |
| | | }); |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | } else if (this.key == "Y") { |
| | | this.form.sfxmId = this.sfxmId |
| | | this.form.sfxmId = this.sfxmId; |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.form.proId != null) { |
| | |
| | | } |
| | | updateProject(this.form).then((response) => { |
| | | this.$modal.msgSuccess("修改成功"); |
| | | this.cancel() |
| | | this.cancel(); |
| | | }); |
| | | } else { |
| | | if (this.form.proParentId === 0) { |
| | |
| | | } |
| | | addProject(this.form).then((response) => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.cancel() |
| | | this.cancel(); |
| | | }); |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | |
| | | // 收费项目确认 |
| | | submit() { |
| | | this.ChangeList.forEach(item => { |
| | | this.form.proName = item.xmmc |
| | | this.form.proPrice = item.ckdj |
| | | this.sfxmId = parseInt(item.id) |
| | | }) |
| | | this.dialogTableVisible = false |
| | | this.ChangeList.forEach((item) => { |
| | | this.form.proName = item.xmmc; |
| | | this.form.proPrice = item.ckdj; |
| | | this.sfxmId = parseInt(item.id); |
| | | }); |
| | | this.dialogTableVisible = false; |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | |
| | | ); |
| | | }, |
| | | }, |
| | | } |
| | | |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .el-table__header-wrapper .el-checkbox { |
| | |
| | | |
| | | .el-tree-node.is-current>.el-tree-node__content { |
| | | background-color: #e5f3ff !important; |
| | | color: #333 !important |
| | | color: #333 !important; |
| | | } |
| | | </style> |