From 95c53f98bc1754d4a2277263802dac420bb22035 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期一, 14 四月 2025 13:36:39 +0800 Subject: [PATCH] 1 --- src/views/hosp/project/index.vue | 985 +++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 799 insertions(+), 186 deletions(-) diff --git a/src/views/hosp/project/index.vue b/src/views/hosp/project/index.vue index e11fe23..e21b34c 100644 --- a/src/views/hosp/project/index.vue +++ b/src/views/hosp/project/index.vue @@ -3,102 +3,297 @@ <el-row :gutter="20"> <el-col :span="4" :xs="24"> <div class="head-container"> - <el-input v-model="deptName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" clearable size="small" prefix-icon="el-icon-search" - style="margin-bottom: 15px" /> + <el-input + v-model="deptName" + placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" + clearable + size="small" + prefix-icon="el-icon-search" + style="margin-bottom: 15px" + /> </div> <div class="scrollable-container"> <div class="content"> - <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" - :filter-node-method="filterNode" ref="tree1" node-key="id" :default-expanded-keys="treeId" - highlight-current @node-click="handleNodeClick" :render-content="renderContent" v-loading="loadings" /> + <el-tree + :data="deptOptions" + :props="defaultProps" + :expand-on-click-node="false" + :filter-node-method="filterNode" + ref="tree1" + node-key="id" + :default-expanded-keys="treeId" + highlight-current + @node-click="handleNodeClick" + :render-content="renderContent" + v-loading="loadings" + /> </div> </div> </el-col> <el-col :span="20" :xs="24"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" - label-width="68px"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="68px" + > <el-form-item label="椤圭洰鍚嶇О" prop="proName"> - <el-input v-model="queryParams.proName" placeholder="璇疯緭鍏ラ」鐩悕绉�" clearable @keyup.enter.native="handleQuery" /> + <el-input + v-model="queryParams.proName" + placeholder="璇疯緭鍏ラ」鐩悕绉�" + clearable + @keyup.enter.native="handleQuery" + /> </el-form-item> <el-form-item label="妫�鏌ョ被鍒�" prop="checkType"> - <el-input v-model="queryParams.checkType" placeholder="璇疯緭鍏ユ鏌ョ被鍒�" clearable - @keyup.enter.native="handleQuery" /> + <el-input + v-model="queryParams.checkType" + placeholder="璇疯緭鍏ユ鏌ョ被鍒�" + clearable + @keyup.enter.native="handleQuery" + /> </el-form-item> <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鎼滅储</el-button + > + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" + >閲嶇疆</el-button + > </el-form-item> </el-form> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd" - v-hasPermi="['hosp:project:add']">鏂板</el-button> + <el-button + type="primary" + icon="el-icon-plus" + size="mini" + @click="handleAdd" + v-hasPermi="['hosp:project:add']" + >鏂板</el-button + > </el-col> <el-col :span="1.5"> - <el-button :disabled="xiugais" type="primary" icon="el-icon-plus" size="mini" @click="handleUpdate1" - v-hasPermi="['hosp:project:add']">淇敼</el-button> + <el-button + :disabled="xiugais" + type="primary" + icon="el-icon-plus" + size="mini" + @click="handleUpdate1" + v-hasPermi="['hosp:project:add']" + >淇敼</el-button + > </el-col> <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport" - v-hasPermi="['hosp:project:export']">瀵煎嚭</el-button> + <el-button + type="primary" + icon="el-icon-download" + size="mini" + @click="handleExport" + v-hasPermi="['hosp:project:export']" + >瀵煎嚭</el-button + > </el-col> <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-download" size="mini" - @click="Synchronizationfees">鎵归噺鍚屾璐圭敤</el-button> + <el-button + type="primary" + icon="el-icon-download" + size="mini" + @click="Synchronizationfees" + >鎵归噺鍚屾璐圭敤</el-button + > </el-col> <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-sort" size="mini" @click="toggleExpandAll">灞曞紑/鎶樺彔</el-button> + <el-button + type="primary" + icon="el-icon-sort" + size="mini" + @click="toggleExpandAll" + >灞曞紑/鎶樺彔</el-button + > </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> + <right-toolbar + :showSearch.sync="showSearch" + @queryTable="getList" + ></right-toolbar> </el-row> - <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border> - <el-table-column label="椤圭洰鍚嶇О" prop="proName" fixed="left" :width="flexColumnWidth('proName')" /> - <el-table-column label="浠锋牸(/鍏�)" align="center" prop="proPrice" width="75px" - :show-overflow-tooltip="true"></el-table-column> - <el-table-column label="鏁伴噺" align="center" prop="sl" width="65px" - :show-overflow-tooltip="true"></el-table-column> - <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="resultType" width="80px" :show-overflow-tooltip="true"> + <el-table + v-if="refreshTable" + v-loading="loading" + :data="projectList" + ref="tableRef" + border + > + <el-table-column + label="椤圭洰鍚嶇О" + prop="proName" + fixed="left" + :width="flexColumnWidth('proName')" + /> + <el-table-column + label="浠锋牸(/鍏�)" + align="center" + prop="proPrice" + width="75px" + :show-overflow-tooltip="true" + ></el-table-column> + <el-table-column + label="鏁伴噺" + align="center" + prop="sl" + width="65px" + :show-overflow-tooltip="true" + ></el-table-column> + <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="resultType" + width="80px" + :show-overflow-tooltip="true" + > <template slot-scope="scope"> - <dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" /> + <dict-tag + :options="dict.type.tj_result_type" + :value="scope.row.resultType" + /> </template> </el-table-column> - <el-table-column label="鍙備笌灏忕粨" align="center" prop="needReport" :show-overflow-tooltip="true" width="75px"> + <el-table-column + label="鍙備笌灏忕粨" + align="center" + prop="needReport" + :show-overflow-tooltip="true" + width="75px" + > <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.needReport" /> + <dict-tag + :options="dict.type.sys_yes_no" + :value="scope.row.needReport" + /> </template> </el-table-column> - <el-table-column label="鏄惁绌鸿吂" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" width="75px"> + <el-table-column + label="鏄惁绌鸿吂" + align="center" + prop="proCheckMethod" + :show-overflow-tooltip="true" + width="75px" + > <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" /> + <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 + label="椤圭洰鏍囧噯鍊�" + align="center" + prop="proScope" + :show-overflow-tooltip="true" + width="90px" + > </el-table-column> - <el-table-column label="Lis椤圭洰鍚嶇О" align="center" prop="lisXmmc" :show-overflow-tooltip="true" width="200px"> + <el-table-column + label="Lis椤圭洰鍚嶇О" + align="center" + prop="lisXmmc" + :show-overflow-tooltip="true" + width="200px" + > </el-table-column> - <el-table-column label="Lis缂栫爜" align="center" prop="lisXmbm" :show-overflow-tooltip="true" width="90px"> + <el-table-column + label="Lis缂栫爜" + align="center" + prop="lisXmbm" + :show-overflow-tooltip="true" + width="90px" + > </el-table-column> - <el-table-column label="涓村簥鎰忎箟" align="center" prop="proMeaning" width="350px" :show-overflow-tooltip="true" /> - <el-table-column label="澶囨敞" prop="remark" align="center" width="120px" :show-overflow-tooltip="true"> + <el-table-column + label="涓村簥鎰忎箟" + align="center" + prop="proMeaning" + width="350px" + :show-overflow-tooltip="true" + /> + <el-table-column + label="澶囨敞" + prop="remark" + align="center" + width="120px" + :show-overflow-tooltip="true" + > </el-table-column> - <el-table-column label="鐘舵��" align="center" prop="proStatus" fixed="right" width="80px"> + <el-table-column + label="鐘舵��" + align="center" + prop="proStatus" + fixed="right" + width="80px" + > <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.proStatus" /> + <dict-tag + :options="dict.type.sys_normal_disable" + :value="scope.row.proStatus" + /> </template> </el-table-column> - <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="80px"> + <el-table-column + label="鎿嶄綔" + align="center" + fixed="right" + class-name="small-padding fixed-width" + width="80px" + > <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> + <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-table-column> </el-table> @@ -106,190 +301,462 @@ </el-row> <!-- 娣诲姞鎴栦慨鏀逛綋妫�椤圭洰瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body :before-close="handleClose" - :close-on-click-modal="false"> - <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true"> + <el-dialog + :title="title" + :visible.sync="open" + width="1200px" + append-to-body + :before-close="handleClose" + :close-on-click-modal="false" + > + <el-form + ref="form" + :model="form" + :rules="rules" + label-width="100px" + :inline="true" + > <el-form-item label="涓婚」鍚嶇О" prop="proParentId"> - <treeselect :disabled="proParent" v-model="form.proParentId" :options="projectOptions" - :normalizer="normalizer" :show-count="true" placeholder="閫夋嫨涓婚」鍚嶇О" style="width: 260px" @select="obtain" /> + <treeselect + :disabled="proParent" + v-model="form.proParentId" + :options="projectOptions" + :normalizer="normalizer" + :show-count="true" + placeholder="閫夋嫨涓婚」鍚嶇О" + style="width: 260px" + @select="obtain" + /> </el-form-item> <el-form-item label="鏄庣粏椤圭洰" prop="proName"> - <el-input v-model="form.proName" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�"></el-input> + <el-input + v-model="form.proName" + placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" + ></el-input> </el-form-item> <el-form-item label="椤圭洰浠锋牸" prop="proPrice"> - <el-input v-model="form.proPrice" :disabled="isPriceDisabled" placeholder="璇疯緭鍏ラ」鐩环鏍�" /> + <el-input + v-model="form.proPrice" + :disabled="isPriceDisabled" + placeholder="璇疯緭鍏ラ」鐩环鏍�" + /> </el-form-item> <el-form-item label="妫�鏌ョ被鍒�" prop="proCheckType"> - <el-input v-model="form.proCheckType" placeholder="璇疯緭鍏ユ鏌ョ被鍒�" style="width: 260px" /> + <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="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 + 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 + 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="proSex"> - <el-select v-model="form.proSex" placeholder="璇烽�夋嫨浣撴浜烘�у埆" style="width: 200px" clearable> - <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + v-model="form.proSex" + placeholder="璇烽�夋嫨浣撴浜烘�у埆" + style="width: 200px" + clearable + > + <el-option + v-for="dict in dict.type.sys_user_sex" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> </el-select> </el-form-item> <el-form-item label="椤圭洰绫诲瀷" prop="proType"> <el-input v-model="form.proType" placeholder="璇疯緭鍏ラ」鐩被鍨�" /> </el-form-item> <el-form-item label="绉戝鍚嶇О" prop="deptId"> - <el-select v-model="form.deptId" placeholder="璇烽�夋嫨绉戝鍚嶇О" @change="changeType" filterable style="width: 260px"> - <el-option v-for="item in parentNameList" :key="item.deptId" :label="item.deptName" :value="item.deptId" /> + <el-select + v-model="form.deptId" + placeholder="璇烽�夋嫨绉戝鍚嶇О" + @change="changeType" + filterable + style="width: 260px" + > + <el-option + v-for="item in parentNameList" + :key="item.deptId" + :label="item.deptName" + :value="item.deptId" + /> </el-select> </el-form-item> <el-form-item label="鍚敤鏍囧織" prop="proStatus"> - <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 + 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-form-item label="椤圭洰榛樿鍊�" prop="proDefault"> - <el-input v-model="form.proDefault" placeholder="璇疯緭鍏ラ」鐩粯璁ゅ��" style="width: 200px" /> + <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: 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 + 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-form-item> <el-form-item label="鏍囨湰绫诲瀷" prop="specimenType"> - <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 + 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-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 + 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-form-item label="鍗曚綅" prop="proMetering"> - <el-input v-model="form.proMetering" placeholder="璇疯緭鍏ュ崟浣�" style="width: 260px" /> + <el-input + v-model="form.proMetering" + placeholder="璇疯緭鍏ュ崟浣�" + style="width: 260px" + /> </el-form-item> <el-form-item label="鍙傝�冭寖鍥�" prop="proScope"> - <el-input v-model="form.proScope" placeholder="璇疯緭鍏ュ弬鑰冭寖鍥�" style="width: 200px" /> + <el-input + v-model="form.proScope" + placeholder="璇疯緭鍏ュ弬鑰冭寖鍥�" + style="width: 200px" + /> </el-form-item> <el-form-item label="鏁伴噺" prop="sl"> - <el-input v-model="form.sl" placeholder="璇疯緭鍏ユ暟閲�" style="width: 200px" /> + <el-input + v-model="form.sl" + placeholder="璇疯緭鍏ユ暟閲�" + style="width: 200px" + /> </el-form-item> <el-form-item label="缁勫悎鏍囧織" prop="sfzhfy"> - <el-select v-model="form.sfzhfy" 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 + v-model="form.sfzhfy" + 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="resultType"> - <el-select v-model="form.resultType" placeholder="璇烽�夋嫨缁撴灉绫诲瀷" style="width: 200px" 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 + v-model="form.resultType" + placeholder="璇烽�夋嫨缁撴灉绫诲瀷" + style="width: 200px" + 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-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc" 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" + > his椤圭洰鍚嶇О </span> - <el-input v-model="form.hisXmmc" placeholder="his椤圭洰鍚嶇О" style="width: 200px"></el-input> + <el-input + v-model="form.hisXmmc" + placeholder="his椤圭洰鍚嶇О" + style="width: 200px" + ></el-input> </el-form-item> <el-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc" v-if="key == 'N'"> - <el-input v-model="form.hisXmmc" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" style="width: 260px"></el-input> + <el-input + v-model="form.hisXmmc" + placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" + style="width: 260px" + ></el-input> </el-form-item> <el-form-item label="his缂栫爜" prop="hisXmbm"> - <el-input v-model="form.hisXmbm" placeholder="璇疯緭鍏is缂栫爜" style="width: 260px" /> + <el-input + v-model="form.hisXmbm" + placeholder="璇疯緭鍏is缂栫爜" + style="width: 260px" + /> </el-form-item> <el-form-item label="his鍗曚环" prop="hisdj"> - <el-input v-model="form.hisdj" placeholder="璇疯緭鍏is鍗曚环" style="width: 200px" /> + <el-input + v-model="form.hisdj" + placeholder="璇疯緭鍏is鍗曚环" + style="width: 200px" + /> </el-form-item> <el-form-item label="LIS椤圭洰" prop="lisXmmc"> - <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuerys"> + <span + slot="label" + style="display: inline-block; border-bottom: 2px solid blue" + @click="handleQuerys" + > LIS椤圭洰 </span> - <el-input v-model="form.lisXmmc" placeholder="璇疯緭鍏IS椤圭洰" style="width: 200px"></el-input> + <el-input + v-model="form.lisXmmc" + placeholder="璇疯緭鍏IS椤圭洰" + style="width: 200px" + ></el-input> </el-form-item> <el-form-item label="LIS缂栫爜" prop="lisXmbm"> - <el-input v-model="form.lisXmbm" placeholder="璇疯緭鍏is缂栫爜" style="width: 260px" /> + <el-input + v-model="form.lisXmbm" + placeholder="璇疯緭鍏is缂栫爜" + style="width: 260px" + /> </el-form-item> <el-form-item label="澶囨敞" prop="proRemark"> - <el-input v-model="form.proRemark" placeholder="璇疯緭鍏ュ娉�" style="width: 200px" /> + <el-input + v-model="form.proRemark" + placeholder="璇疯緭鍏ュ娉�" + style="width: 200px" + /> </el-form-item> <el-form-item label="鎺掑簭" prop="xh"> - <el-input v-model="form.xh" placeholder="璇疯緭鍏ユ帓搴�" style="width: 200px" /> + <el-input + v-model="form.xh" + placeholder="璇疯緭鍏ユ帓搴�" + style="width: 200px" + /> </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-button + style="margin-left: 40px" + type="primary" + plain + size="mini" + icon="el-icon-plus" + @click="addmembers" + >鏂板琛�</el-button + > <!-- 鑰楁潗琛� --> - <el-table :data="form.consumablesList" border style="margin-top: 10px; margin-left: 40px; width: 890px" - v-if="showPrise"> - <el-table-column label="鑰楁潗鍚嶇О" align="center" prop="makings" width="200px"> + <el-table + :data="form.consumablesList" + border + style="margin-top: 10px; margin-left: 40px; width: 890px" + v-if="showPrise" + > + <el-table-column + label="鑰楁潗鍚嶇О" + align="center" + prop="makings" + width="200px" + > <template slot-scope="scope"> - <el-select filterable v-model="scope.row.makings" placeholder="璇烽�夋嫨鏀惰垂椤圭洰" @change="getSelectValue"> - <el-option v-for="(item, index) in consumableList" :key="index" :label="item.makings" - :value="item.makings"></el-option> + <el-select + filterable + v-model="scope.row.makings" + placeholder="璇烽�夋嫨鏀惰垂椤圭洰" + @change="getSelectValue" + > + <el-option + v-for="(item, index) in consumableList" + :key="index" + :label="item.makings" + :value="item.makings" + ></el-option> </el-select> </template> </el-table-column> - <el-table-column label="瑙勬牸" align="center" prop="specifications"></el-table-column> - <el-table-column label="浠锋牸" align="center" prop="price"></el-table-column> - <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width"> + <el-table-column + label="瑙勬牸" + align="center" + prop="specifications" + ></el-table-column> + <el-table-column + label="浠锋牸" + align="center" + prop="price" + ></el-table-column> + <el-table-column + label="鎿嶄綔" + align="center" + fixed="right" + class-name="small-padding fixed-width" + > <template slot-scope="scope"> - <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)" - v-hasPermi="['hosp:consumables:remove']" title="鍒犻櫎"></el-button> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click.native.prevent="Delete(scope.$index)" + v-hasPermi="['hosp:consumables:remove']" + title="鍒犻櫎" + ></el-button> </template> </el-table-column> </el-table> <!-- 椤圭洰鏍囧噯鍊艰〃 --> - <el-table :data="form.tjStandardList" border style="margin-top: 10px; margin-left: 40px; width: 890px" - v-if="showRentPrise"> + <el-table + :data="form.tjStandardList" + border + style="margin-top: 10px; margin-left: 40px; width: 890px" + v-if="showRentPrise" + > <el-table-column label="浣撴浜烘�у埆" align="center" prop="tjSex"> <template slot-scope="scope"> <el-select v-model="scope.row.tjSex" placeholder="璇烽�夋嫨浣撴浜烘�у埆"> - <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-option + v-for="dict in dict.type.sys_user_sex" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> </el-select> </template> </el-table-column> <el-table-column label="浣撴浜虹被鍨�" align="center" prop="tjType"> <template slot-scope="scope"> - <el-select filterable v-model="scope.row.tjType" placeholder="璇烽�夋嫨浣撴浜虹被鍨�"> - <el-option v-for="dict in dict.type.dict_personnel_type" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + filterable + v-model="scope.row.tjType" + placeholder="璇烽�夋嫨浣撴浜虹被鍨�" + > + <el-option + v-for="dict in dict.type.dict_personnel_type" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> </el-select> </template> </el-table-column> <el-table-column label="鍗曚綅" align="center" prop="company"> <template slot-scope="scope"> - <el-input v-model="scope.row.company" autocomplete="off" placeholder="璇疯緭鍏ュ唴瀹�"></el-input> + <el-input + v-model="scope.row.company" + autocomplete="off" + placeholder="璇疯緭鍏ュ唴瀹�" + ></el-input> </template> </el-table-column> - <el-table-column label="鏍囧噯鏈�灏忓��" align="center" prop="tjStandardLtValue"> + <el-table-column + label="鏍囧噯鏈�灏忓��" + align="center" + prop="tjStandardLtValue" + > <template slot-scope="scope"> - <el-input v-model="scope.row.tjStandardLtValue" autocomplete="off" placeholder="璇疯緭鍏ユ爣鍑嗘渶灏忓��"></el-input> + <el-input + v-model="scope.row.tjStandardLtValue" + autocomplete="off" + placeholder="璇疯緭鍏ユ爣鍑嗘渶灏忓��" + ></el-input> </template> </el-table-column> - <el-table-column label="鏍囧噯鏈�澶у��" align="center" prop="tjStandardGtValue"> + <el-table-column + label="鏍囧噯鏈�澶у��" + align="center" + prop="tjStandardGtValue" + > <template slot-scope="scope"> - <el-input v-model="scope.row.tjStandardGtValue" autocomplete="off" placeholder="璇疯緭鍏ユ爣鍑嗘渶澶у��"></el-input> + <el-input + v-model="scope.row.tjStandardGtValue" + autocomplete="off" + placeholder="璇疯緭鍏ユ爣鍑嗘渶澶у��" + ></el-input> </template> </el-table-column> - <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width"> + <el-table-column + label="鎿嶄綔" + align="center" + fixed="right" + class-name="small-padding fixed-width" + > <template slot-scope="scope"> - <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)" - v-hasPermi="['hosp:consumables:remove']" title="鍒犻櫎"></el-button> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click.native.prevent="Delete(scope.$index)" + v-hasPermi="['hosp:consumables:remove']" + title="鍒犻櫎" + ></el-button> </template> </el-table-column> </el-table> @@ -299,61 +766,135 @@ </div> </el-dialog> - <el-dialog title="鏀惰垂椤圭洰" :visible.sync="dialogTableVisible" width="80%" :close-on-click-modal="false"> + <el-dialog + title="鏀惰垂椤圭洰" + :visible.sync="dialogTableVisible" + width="80%" + :close-on-click-modal="false" + > <div class="app-container"> <el-row :gutter="24"> <el-col :span="6" :xs="24"> <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" /> + <el-input + v-model="xmmc" + placeholder="璇疯緭鍏ラ」鐩紪鐮�" + clearable + size="small" + prefix-icon="el-icon-search" + style="margin-bottom: 20px" + /> </div> <div id="changtree"> - <el-tree ref="tree" node-key="id" highlight-current :default-expanded-keys="chargeId" - :data="deptOptionstree" :props="defaultPropstree" :expand-on-click-node="false" - :auto-expand-parent="false" :filter-node-method="filterNode2" @node-click="handleNodecharge" /> + <el-tree + ref="tree" + node-key="id" + highlight-current + :default-expanded-keys="chargeId" + :data="deptOptionstree" + :props="defaultPropstree" + :expand-on-click-node="false" + :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 + :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="handlecharge" /> + <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="handlecharge" /> + <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-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handlecharge" + >鎼滅储</el-button + > </el-form-item> </el-form> - <el-table v-loading="loading" ref="tb" :data="sfxmList" @selection-change="handleSelectionChange" border - height="520px" style="width: 100%"> + <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" /> <el-table-column label="鎷奸煶鐮�" align="center" prop="pym" /> <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="sjzgxj" /> - <el-table-column label="鐗瑰畾鏈�楂橀檺浠�" align="center" prop="tdzgxj" /> + <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> <div class="pag" v-if="List == true"> <div class="pag1"> - <pagination v-show="total > 0" :total="total" :page.sync="querycharge.pageNum" - :limit.sync="querycharge.pageSize" @pagination="getlistSfxm" /> + <pagination + v-show="total > 0" + :total="total" + :page.sync="querycharge.pageNum" + :limit.sync="querycharge.pageSize" + @pagination="getlistSfxm" + /> </div> </div> <div class="pag" v-if="List == false"> <div class="pag1"> - <pagination v-show="total > 0" :total="total" :page.sync="queryParam.page" - :limit.sync="queryParam.pageSize" @pagination="getListByXmId" /> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParam.page" + :limit.sync="queryParam.pageSize" + @pagination="getListByXmId" + /> </div> </div> </el-col> @@ -370,8 +911,8 @@ </template> <script> -import debounce from 'lodash/debounce'; -import cnchar from 'cnchar'; +import debounce from "lodash/debounce"; +import cnchar from "cnchar"; import Packagese from "@/components/Packagese"; import { getProject, @@ -542,7 +1083,6 @@ watch: { deptName(val) { this.debounceFilter(val); - }, treeId(newVal) { if (newVal && newVal.length > 0) { @@ -551,7 +1091,9 @@ const node = this.findNodeById(this.deptOptions, lastId); if (node) { this.$refs.tree1.setCurrentKey(lastId); - const nodeElement = document.querySelector(`.el-tree-node[data-key="${lastId}"] .el-tree-node__content`); + const nodeElement = document.querySelector( + `.el-tree-node[data-key="${lastId}"] .el-tree-node__content` + ); if (nodeElement) { nodeElement.click(); } @@ -592,11 +1134,15 @@ }, 300), precomputePinyin() { const traverse = (nodes) => { - nodes.forEach(node => { + nodes.forEach((node) => { if (node.label) { - const lowerSpell = node.label.spell('low', 'array').join(''); - const upperSpell = node.label.spell('up', 'array').join(''); - this.pinyinCache.set(node.id, { lowerSpell, upperSpell, label: node.label }); + const lowerSpell = node.label.spell("low", "array").join(""); + const upperSpell = node.label.spell("up", "array").join(""); + this.pinyinCache.set(node.id, { + lowerSpell, + upperSpell, + label: node.label, + }); } if (node.children) traverse(node.children); }); @@ -604,7 +1150,7 @@ traverse(this.deptOptions); }, filterNode(value, data) { - console.log(value, data,2233) + console.log(value, data, 2233); if (!value) return true; const cached = this.pinyinCache.get(data.id); if (!cached) return false; @@ -628,7 +1174,7 @@ } return null; }, - renderContent(h, { node, data }) { + /* renderContent(h, { node, data }) { return h( "span", { @@ -639,6 +1185,42 @@ }, data.label ); + }, */ + renderContent(h, { node, data }) { + const children = []; + + // 涓� label锛屽姞涓婇鑹插垽鏂� + children.push( + h( + "span", + { + style: { + color: data.status === "1" ? "red" : "inherit", + fontSize: "14px", + marginRight: "8px", + }, + }, + data.label + ) + ); + + // 鍒ゆ柇 dj 鏄惁鏄潪璐熸暟锛屽鏋滄槸鍒欏睍绀� + if (data.dj !== undefined && Number(data.dj) >= 0) { + children.push( + h( + "span", + { + style: { + color: "inherit", + fontSize: "12px", + }, + }, + `${Number(data.dj).toFixed(2)} 鍏僠 + ) + ); + } + + return h("span", children); }, handleQuerys() { this.$refs.aaa.open = true; @@ -693,8 +1275,8 @@ this.open = true; } else if (this.treeDate.id) { if (this.treeDate.qf == "0") { - this.form.proParentId = "0" - this.form.deptId = this.treeDate.id + this.form.proParentId = "0"; + this.form.deptId = this.treeDate.id; } else { this.form.proParentId = this.treeDate.id; this.projectOptions.forEach((item) => { @@ -706,10 +1288,9 @@ }); } - this.open = true; } else { - this.form.proParentId = "0" + this.form.proParentId = "0"; this.open = true; } } @@ -765,7 +1346,10 @@ 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; @@ -791,7 +1375,8 @@ 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; @@ -829,9 +1414,8 @@ }); }, handleNodeClick(date) { - this.treeDate = date; - console.log(this.treeDate) + console.log(this.treeDate); this.xiugais = date.qf === "0"; let proId = date.id; getInfoByProId(proId).then((response) => { @@ -846,8 +1430,13 @@ this.loading = true; getAllChildListById(data).then((response) => { if (response.code == 200) { - this.projectList = response.data.list.length >= 1 ? this.handleTree(response.data.list, "proId") : []; - this.ListId = this.projectList.length ? [this.projectList[0].proId] : []; + this.projectList = + response.data.list.length >= 1 + ? this.handleTree(response.data.list, "proId") + : []; + this.ListId = this.projectList.length + ? [this.projectList[0].proId] + : []; this.key = response.data.key; this.loading = false; } @@ -1012,10 +1601,22 @@ this.form.tjStandardList = response.data.tjStandardList; if (this.form.tjStandardList) { this.form.tjStandardList.forEach((item) => { - item.tjSex = item.tjSex === "0" || item.tjSex === "鐢�" ? "鐢�" : (item.tjSex === "1" || item.tjSex === "濂�" ? "濂�" : null); - item.tjType = { - 0: "濠村効", 1: "骞煎効", 2: "鍎跨", 3: "灏戝勾", 4: "闈掑勾", 5: "涓勾", 6: "鑰佸勾" - }[item.tjType] || item.tjType; + item.tjSex = + item.tjSex === "0" || item.tjSex === "鐢�" + ? "鐢�" + : item.tjSex === "1" || item.tjSex === "濂�" + ? "濂�" + : null; + item.tjType = + { + 0: "濠村効", + 1: "骞煎効", + 2: "鍎跨", + 3: "灏戝勾", + 4: "闈掑勾", + 5: "涓勾", + 6: "鑰佸勾", + }[item.tjType] || item.tjType; }); } getlist().then((response) => { @@ -1052,10 +1653,22 @@ const isUpdate = this.form.proId != null; if (this.form.tjStandardList) { this.form.tjStandardList.forEach((item) => { - item.tjSex = item.tjSex === "鐢�" || item.tjSex === "0" ? "0" : (item.tjSex === "濂�" || item.tjSex === "1" ? "1" : null); - item.tjType = { - "濠村効": 0, "骞煎効": 1, "鍎跨": 2, "灏戝勾": 3, "闈掑勾": 4, "涓勾": 5, "鑰佸勾": 6 - }[item.tjType] || null; + item.tjSex = + item.tjSex === "鐢�" || item.tjSex === "0" + ? "0" + : item.tjSex === "濂�" || item.tjSex === "1" + ? "1" + : null; + item.tjType = + { + 濠村効: 0, + 骞煎効: 1, + 鍎跨: 2, + 灏戝勾: 3, + 闈掑勾: 4, + 涓勾: 5, + 鑰佸勾: 6, + }[item.tjType] || null; }); } this.form.lisXmbm = this.form.lisXmbm; @@ -1114,10 +1727,10 @@ this.sfxmId = parseInt(item.id); }); this.dialogTableVisible = false; - this.getDeptList(); - this.getDeptTree().then(() => { - this.precomputePinyin(); - }); + this.getDeptList(); + this.getDeptTree().then(() => { + this.precomputePinyin(); + }); }, handleDelete(row) { const proIds = row.proId || this.ids; @@ -1135,7 +1748,7 @@ this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => { }); + .catch(() => {}); }, handleExport() { this.download( @@ -1189,7 +1802,7 @@ background: #e5f3ff; } -.el-tree-node.is-current>.el-tree-node__content { +.el-tree-node.is-current > .el-tree-node__content { background-color: #e5f3ff !important; color: #333 !important; } -- Gitblit v1.8.0