From 708a208e87e4e580d7a80c7f8b2c11f25dec7ff2 Mon Sep 17 00:00:00 2001 From: qx <2540746708@qq.com> Date: 星期五, 15 十二月 2023 20:50:54 +0800 Subject: [PATCH] qxtj --- src/views/hosp/project/index.vue | 853 +++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 650 insertions(+), 203 deletions(-) diff --git a/src/views/hosp/project/index.vue b/src/views/hosp/project/index.vue index 5bdb7ba..0d64bd2 100644 --- a/src/views/hosp/project/index.vue +++ b/src/views/hosp/project/index.vue @@ -3,33 +3,78 @@ <el-row :gutter="20"> <el-col :span="3" :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="head-container"> - <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" - :filter-node-method="filterNode" ref="tree" node-key="id" :default-expanded-keys="treeId" highlight-current - @node-click="handleNodeClick" /> + <el-tree + :data="deptOptions" + :props="defaultProps" + :expand-on-click-node="false" + :filter-node-method="filterNode" + ref="tree" + node-key="id" + :default-expanded-keys="treeId" + highlight-current + @node-click="handleNodeClick" + /> </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 type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['hosp:project:edit']">淇敼</el-button> @@ -38,53 +83,173 @@ <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['hosp:project:remove']">鍒犻櫎</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-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 row-key="proId" - :expand-row-keys="ListId" :row-class-name="selectSingleRow" - :tree-props="{ children: 'tjProjectList', hasChildren: 'tjProjectList.length>0', }"> + <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', + }" + > <!-- :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="椤圭洰鍚嶇О" + 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="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="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="proCheckMethod" + :show-overflow-tooltip="true" + width="110px" + > <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="椤圭洰绫诲瀷" align="center" prop="resultType" width="110px" :show-overflow-tooltip="true"> + <el-table-column + label="椤圭洰绫诲瀷" + align="center" + prop="resultType" + width="110px" + :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="澶囨敞" prop="remark" align="center" width="120px" :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 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> @@ -92,14 +257,37 @@ </el-row> <!-- 娣诲姞鎴栦慨鏀逛綋妫�椤圭洰瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body :before-close="handleClose"> - <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" + > + <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" /> + <treeselect + 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" 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" /> @@ -117,15 +305,27 @@ <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-select v-model="form.proCheckMethod" 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.proCheckMethod" + 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="isEat"> @@ -135,9 +335,17 @@ </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" - :value="dict.value"></el-option> + <el-select + v-model="form.proSex" + placeholder="璇烽�夋嫨浣撴浜烘�у埆" + style="width: 260px" + > + <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"> @@ -145,53 +353,151 @@ </el-form-item> <el-form-item label="绉戝鍚嶇О" prop="deptId"> - <el-select v-model="form.deptId" placeholder="璇烽�夋嫨绉戝鍚嶇О" @change="changeValue" filterable style="width: 205px"> - <el-option v-for="dict in parentNameList" :key="dict.deptId" :label="dict.deptName" :value="dict.deptId" /> + <el-select + v-model="form.deptId" + placeholder="璇烽�夋嫨绉戝鍚嶇О" + @change="changeValue" + filterable + style="width: 205px" + > + <el-option + v-for="dict in parentNameList" + :key="dict.deptId" + :label="dict.deptName" + :value="dict.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> </el-form-item> + <el-select + v-model="form.proStatus" + placeholder="璇烽�夋嫨鐘舵��" + style="width: 260px" + 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: 210px" 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: 210px" + 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> </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-form-item label="缁撴灉绫诲瀷" prop="resultType"> - <el-select v-model="form.resultType" placeholder="璇烽�夋嫨缁撴灉绫诲瀷" style="width: 210px" 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="澶囨敞" prop="proRemark"> - <el-input v-model="form.proRemark" placeholder="璇疯緭鍏ュ娉�" style="width: 510px" /> + <el-select + v-model="form.specimenType" + placeholder="璇烽�夋嫨鏍囨湰绫诲瀷" + style="width: 260px" + 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> + </el-form-item> + <el-form-item label="缁撴灉绫诲瀷" prop="resultType"> + <el-select + v-model="form.resultType" + placeholder="璇烽�夋嫨缁撴灉绫诲瀷" + style="width: 210px" + 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="澶囨敞" 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-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-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> @@ -200,51 +506,109 @@ </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" + 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> @@ -255,40 +619,82 @@ </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" /> + <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="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-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" /> @@ -296,22 +702,48 @@ <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="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="querycharge.page" - :limit.sync="querycharge.pageSize" @pagination="getListByXmId" /> + <pagination + v-show="total > 0" + :total="total" + :page.sync="querycharge.page" + :limit.sync="querycharge.pageSize" + @pagination="getListByXmId" + /> </div> </div> </el-col> @@ -348,22 +780,32 @@ 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(''); + return callback(""); } else if (value != undefined && value != "") { return callback(); } else if (!patter.test(value)) { - return callback(''); + return callback(""); } }; return { @@ -463,9 +905,7 @@ proPrice: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], - deptId: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], + deptId: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], // proStandard: [ // { required: true, message: "椤圭洰鏍囧噯鍊间笉鑳戒负绌�", trigger: "blur" }, // ], @@ -481,7 +921,7 @@ if (newVal) { this.$nextTick(() => { document - .querySelector('.el-tree-node__children .el-tree-node__content') + .querySelector(".el-tree-node__children .el-tree-node__content") .click(); }); } @@ -495,11 +935,13 @@ 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() { @@ -508,9 +950,8 @@ this.getDeptTree(); }, methods: { - //鏄惁鏄剧ず閫変腑鐨勫�� - display(value) { }, + display(value) {}, /** 鏌ヨ浣撴椤圭洰鍒楄〃 */ getList() { // this.loading = true; @@ -542,22 +983,33 @@ }, /** 鏂板鎸夐挳鎿嶄綔 */ - 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.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.loading = false; + } + }); this.title = "浣撴椤圭洰淇℃伅缁存姢"; - this.form.deptId = this.queryParams.deptId - this.form.proCheckMethod = "N" - if (this.key = "Y") { + + this.form.deptId = this.queryParams.deptId; + this.form.proCheckMethod = "N"; + if ((this.key = "Y")) { gettreeList().then((response) => { this.deptOptionstree = response.data; - this.chargeId.push(this.deptOptionstree[0].id) + this.chargeId.push(this.deptOptionstree[0].id); }); } }, @@ -567,14 +1019,14 @@ if (this.selectList) { if (this.selectList.proName === "涓荤被鐩�") { this.dialogTableVisible = false; - }else{ + } else { this.dialogTableVisible = true; - this.getlistSfxm() + this.getlistSfxm(); } } else if (this.form.proParentId) { if (this.form.proParentId != 0) { this.dialogTableVisible = true; - this.getlistSfxm() + this.getlistSfxm(); } else if (this.form.proParentId == 0) { this.dialogTableVisible = false; } @@ -586,7 +1038,7 @@ obtain(vals) { if (this.projectOptions) { this.selectList = vals; - console.log(this.selectList) + console.log(this.selectList); } if (this.selectList.proName === "涓荤被鐩�") { this.showPrise = true; @@ -598,11 +1050,14 @@ }, 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; @@ -611,14 +1066,14 @@ // 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() { @@ -626,7 +1081,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; @@ -651,7 +1107,7 @@ 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") { @@ -671,7 +1127,7 @@ getDeptTree() { deptTree().then((response) => { this.deptOptions = response.data; - this.treeId.push(this.deptOptions[0].id) + this.treeId.push(this.deptOptions[0].id); }); }, @@ -692,17 +1148,16 @@ let data = { deptId: this.queryParams.deptId, }; - this.loading = true + this.loading = true; ProjectTree(data).then((response) => { 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 + this.ListId.push(this.projectList[0].proId); + this.key = response.data.key; } else { - this.projectList = [] + this.projectList = []; } - // if (this.key == "Y") { // this.key = response.data.key @@ -711,14 +1166,13 @@ // } this.loading = false; } - }); }, selectSingleRow({ row, rowIndex }) { if (rowIndex === 1) { - return 'warning-row'; + return "warning-row"; } - return ''; + return ""; }, /** 灞曞紑/鎶樺彔鎿嶄綔 */ @@ -739,14 +1193,14 @@ }; 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() { @@ -788,27 +1242,25 @@ this.handleQuery(); }, - - flexColumnWidth(column) { if (!column) { return; } - let maxlength = 160;//鍦ㄦ澶勮缃粯璁ゅ搴� - if (column == 'rwdtypeName') { + 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 now_temp = this.projectList[i][column] + ""; let flexWidth = 0; for (const char of now_temp) { - if (char >= 'A' && char <= 'Z' || char >= 'a' && char <= 'z') { + if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) { //鑻辨枃瀛楁瘝 8 鍍忕礌 flexWidth += 8; - } else if (char >= '\u4e00' && char <= '\u9fa5') { + } else if (char >= "\u4e00" && char <= "\u9fa5") { //涓枃鏂囧瓧 15 鍍忕礌 flexWidth += 15; } else { @@ -822,12 +1274,12 @@ } } //el-table涓� cell 鏈夊乏鍙崇殑 padding 涓� 10 鍍忕礌 - return maxlength + 20 + 'px'; + 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; @@ -836,9 +1288,6 @@ this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑 } }, - - - // 鏂板琛� addmembers() { @@ -922,7 +1371,7 @@ this.showPrise = false; this.showRentPrise = true; } - this.form.deptId = Number(this.form.deptId) + this.form.deptId = Number(this.form.deptId); if (this.form.proStatus === 0) { this.form.proStatus = "鍚敤"; } else { @@ -1049,7 +1498,7 @@ } updateProject(this.form).then((response) => { this.$modal.msgSuccess("淇敼鎴愬姛"); - this.cancel() + this.cancel(); }); } else { if (this.form.proParentId === 0) { @@ -1069,14 +1518,14 @@ } 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) { @@ -1119,7 +1568,7 @@ } updateProject(this.form).then((response) => { this.$modal.msgSuccess("淇敼鎴愬姛"); - this.cancel() + this.cancel(); }); } else { if (this.form.proParentId === 0) { @@ -1139,24 +1588,23 @@ } 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) { @@ -1176,7 +1624,7 @@ this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => { }); + .catch(() => {}); }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { @@ -1189,8 +1637,7 @@ ); }, }, -} - +}; </script> <style scoped> .el-table__header-wrapper .el-checkbox { @@ -1216,8 +1663,8 @@ 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 + color: #333 !important; } </style> -- Gitblit v1.8.0