From 3eadfb9665b40d2ec77bf70aebfbd7e54199efa6 Mon Sep 17 00:00:00 2001 From: value <z1292839451@163.com> Date: 星期四, 16 五月 2024 17:49:43 +0800 Subject: [PATCH] 增加人事系统对接 --- src/components/view/b2-standard.vue | 316 ++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 268 insertions(+), 48 deletions(-) diff --git a/src/components/view/b2-standard.vue b/src/components/view/b2-standard.vue index 5398949..ff51e17 100644 --- a/src/components/view/b2-standard.vue +++ b/src/components/view/b2-standard.vue @@ -1,12 +1,12 @@ <style scoped> .standard { - padding: 20px 0; + padding: 10px 0; display: flex; } .left { width: 270px; - height: calc(100% - 40px - 30px); + height: calc(100% - 40px - 10px); background-color: white; padding: 15px; } @@ -38,8 +38,8 @@ } .right .title { - height: 50px; - line-height: 50px; + height: 34px; + line-height: 34px; padding: 0 10px; background-color: white; } @@ -51,19 +51,33 @@ .product_table { border-top: 1px solid #ebeef5; - height: calc(100% - 275px); + height: calc(100% - 235px); margin-top: 5px; background-color: white; user-select: none; } .product_table .el-table { - height: 100%; + height: calc(100% - 35px) !important; } .sort { width: 80% !important; overflow: hidden; + } + >>>.el-table__body-wrapper{ + height: calc(100% - 46px) !important; + } + >>>.header-class{ + height: 40px !important; + } + >>>.header-class th.el-table__cell>.cell{ + line-height: 20px !important; + padding-top: 0 !important; + padding-bottom: 0 !important; + } + >>>.el-table__row{ + height: 35px !important; } </style> <style> @@ -116,7 +130,7 @@ <el-row style="width: 100%;"> <el-col :span="21" :class="{sort:node.level>3}" :title="data.label"> <span><i - :class="`node_i ${data.children != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i> + :class="`node_i ${data.children != undefined ? (data.code==='[1]'?'el-icon-folder-opened':'el-icon-folder') : 'el-icon-tickets'}`"></i> {{ data.code }} {{ data.label }}</span> </el-col> <el-col :span="2" style="text-align: right;" v-if="delStandardTree"> @@ -130,20 +144,14 @@ </div> <div class="right"> <el-row class="title"> - <el-col :span="24" style="font-size: 14px;color: #999;">{{selectTree}}</el-col> - <!-- <el-col :span="selectTree==''?24:14" style="text-align: right;" v-if="selectTree!=''"> --> - <!-- <el-button size="small" type="primary" @click="addStandardDia = true" - v-if="addStandardMethod">鏂板鏍囧噯</el-button> - <el-button size="small" type="primary" @click="addProductDia = true" v-if="addStandardProduct">鏂板椤圭洰</el-button> - <el-button size="small" @click="delStandardProductByIds" v-if="delStandardProduct"> - <i class="el-icon-delete" style="color: #3A7BFA;"></i> - <span style="color: #3A7BFA;">鍒犻櫎</span> - </el-button> --> - <!-- </el-col> --> + <el-col :span="20" style="font-size: 14px;color: #999;">{{selectTree}}</el-col> + <!-- <el-col :span="4"> + <el-button size="small" type="primary" @click="handleMore">鎵归噺缂栬緫</el-button> + </el-col> --> </el-row> <el-row class="standard_table" v-loading="tableLoad"> - <el-table class="el-table" :data="standardList" style="width: 100%;" height="220" - tooltip-effect="dark" highlight-current-row @row-click="rowClick" ref="standard"> + <el-table class="el-table" :data="standardList" style="width: 100%;height: 220px !important;" height="220" tooltip-effect="dark" + highlight-current-row @row-click="rowClick" ref="standard" header-row-class-name="header-class"> <el-table-column prop="code" label="鏍囧噯缂栧彿" show-overflow-tooltip width="200"> <template slot-scope="scope"> <span style="color: red;font-size: 14px;">{{scope.row['code']}}</span> @@ -162,11 +170,15 @@ </el-row> <el-row class="product_table" v-loading="tableLoad2"> <el-table :data="productList" ref="productTable" style="width: 100%;" height="100%" tooltip-effect="dark" stripe - :fit="true" border @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" - @select="upProductSelect" @select-all="handleAll"> - <el-table-column type="selection" width="65"> + :fit="true" border + @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" + @select="upProductSelect" + @select-all="handleAll" + class="productTable" + header-row-class-name="header-class"> + <el-table-column type="selection" width="50" > </el-table-column> - <el-table-column prop="model" label="鍨嬪彿" min-width="120" show-overflow-tooltip></el-table-column> + <el-table-column prop="model" label="鍨嬪彿" min-width="100" show-overflow-tooltip></el-table-column> <el-table-column prop="inspectionItem" label="妫�楠岄」" min-width="140" show-overflow-tooltip></el-table-column> <!-- <el-table-column prop="inspectionItemClassify" label="妫�楠岄」绫诲瀷" width="120" show-overflow-tooltip></el-table-column> --> <el-table-column prop="inspectionItemSubclass" label="妫�楠岄」瀛愰」" min-width="140" @@ -199,9 +211,31 @@ </template> </el-table-column> <el-table-column prop="unit" label="璁¢噺鍗曚綅" width="100" show-overflow-tooltip></el-table-column> - <el-table-column prop="price" label="鍗曚环(鍏�)" width="90" show-overflow-tooltip></el-table-column> - <el-table-column prop="manHour" label="宸ユ椂(H)" width="90" show-overflow-tooltip></el-table-column> + <el-table-column prop="price" label="鍗曚环(鍏�)" width="120"> + <template slot-scope="scope"> + <el-input v-model="scope.row.price" size="small" placeholder="鍗曚环(鍏�)" + @change="(value)=>upStandardProductListOfPrice(value,scope.row.id)" v-if="upStandardProduct"> + </el-input> + <span v-else>{{scope.row.price}}</span> + </template> + </el-table-column> + <el-table-column prop="manHour" label="宸ユ椂绯绘暟" width="120"> + <template slot-scope="scope"> + <el-input v-model="scope.row.manHour" size="small" placeholder="鍗曚环(鍏�)" + @change="(value)=>upStandardProductListOfManHour(value,scope.row.id)" v-if="upStandardProduct"> + </el-input> + <span v-else>{{scope.row.manHour}}</span> + </template> + </el-table-column> <el-table-column prop="manHourGroup" label="宸ユ椂鍒嗙粍" width="100" show-overflow-tooltip></el-table-column> + <el-table-column prop="templateId" label="妯℃澘" width="200"> + <template slot-scope="scope"> + <el-select v-model="scope.row.templateId" size="small" filterable :disabled="!upStandardProduct" + @change="(value)=>upStandardProductListOfTemplate(value,scope.row.id)"> + <el-option v-for="(a, ai) in templateList" :key="ai" :label="a.name" :value="a.id"></el-option> + </el-select> + </template> + </el-table-column> <el-table-column prop="section" label="鍖洪棿" width="120" show-overflow-tooltip></el-table-column> <el-table-column prop="section" label="鎿嶄綔" width="120"> <template slot-scope="scope"> @@ -209,6 +243,14 @@ </template> </el-table-column> </el-table> + <el-pagination + style="position: absolute;right: 16px;bottom: 1px;" + @current-change="handleCurrentChange" + :current-page="currentPage" + layout="total, prev, pager, next, jumper" + :page-size="50" + :total="total"> + </el-pagination> </el-row> </div> <el-dialog title="鍒嗙被娣诲姞" :visible.sync="addDia" width="400px"> @@ -251,7 +293,47 @@ <el-button type="primary" @click="addStandardTree" :loading="addLoad">纭� 瀹�</el-button> </span> </el-dialog> - <el-dialog title="鏂板鏍囧噯" :visible.sync="addStandardDia" width="400px"> + <el-dialog title="鎵归噺缂栬緫" :visible.sync="moreEdit" width="90%"> + <div class="body"> + <!-- <el-row style="line-height: 50px;"> + <el-col :span="6" style="text-align: right;">宸ュ巶锛�</el-col> + <el-col :span="16" :offset="1"> + <el-input size="small" readonly v-model="addOb.factory"></el-input> + </el-col> + </el-row> + <el-row style="line-height: 50px;"> + <el-col :span="6" style="text-align: right;">瀹為獙瀹わ細</el-col> + <el-col :span="16" :offset="1"> + <el-input size="small" readonly v-model="addOb.laboratory"></el-input> + </el-col> + </el-row> + <el-row style="line-height: 50px;"> + <el-col :span="6" style="text-align: right;">鏍峰搧澶х被锛�</el-col> + <el-col :span="16" :offset="1"> + <el-input size="small" readonly v-model="addOb.sampleType"></el-input> + </el-col> + </el-row> + <el-row style="line-height: 50px;"> + <el-col :span="6" style="text-align: right;">鏍峰搧鍚嶇О锛�</el-col> + <el-col :span="16" :offset="1"> + <el-input v-model="addOb.sample" readonly size="small"></el-input> + </el-col> + </el-row> + <el-row style="line-height: 50px;"> + <el-col :span="6" style="text-align: right;"> + <span class="required-span">* </span>鍨嬪彿锛� + </el-col> + <el-col :span="16" :offset="1"> + <el-input v-model="addOb.model" placeholder="璇疯緭鍏ュ瀷鍙�" clearable size="small"></el-input> + </el-col> + </el-row> --> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="moreEdit = false">鍙� 娑�</el-button> + <el-button type="primary" @click="subMoreEdit" :loading="moreEditLoad">纭� 瀹�</el-button> + </span> + </el-dialog> + <!-- <el-dialog title="鏂板鏍囧噯" :visible.sync="addStandardDia" width="400px"> <div class="body"> <el-row style="line-height: 50px;"> <el-col :span="6" style="text-align: right;"> @@ -268,8 +350,8 @@ <el-button @click="addStandardDia = false">鍙� 娑�</el-button> <el-button type="primary" @click="addStandardMethodList" :loading="addLoad2">纭� 瀹�</el-button> </span> - </el-dialog> - <el-dialog title="鏂板椤圭洰" :visible.sync="addProductDia" width="70%"> + </el-dialog> --> + <!-- <el-dialog title="鏂板椤圭洰" :visible.sync="addProductDia" width="70%"> <div class="body" style="height: 60vh;" v-if="addProductDia"> <ValueTable ref="ValueTable" :url="$api.capacityScope.selectItemParameterList" :componentData="componentData" /> </div> @@ -277,20 +359,42 @@ <el-button @click="addProductDia = false">鍙� 娑�</el-button> <el-button type="primary" @click="addStandardProductDo" :loading="addLoad3">纭� 瀹�</el-button> </span> - </el-dialog> - <el-dialog title="鍖洪棿璁剧疆" :visible.sync="sectionUpDia" width="500px"> + </el-dialog> --> + <el-dialog title="鍖洪棿璁剧疆" :visible.sync="sectionUpDia" width="70%"> <div class="body" style="padding: 5px 0;"> <el-table :data="sectionList" border style="width: 100%" height="350px"> <el-table-column type="index" label="搴忓彿" width="70" align="center"> </el-table-column> <el-table-column label="鍖洪棿" align="center"> <template slot-scope="scope"> - <el-input size="small" v-model="scope.row.thing" clearable></el-input> + <el-input size="small" v-model="scope.row.thing" clearable placeholder="鍖洪棿"></el-input> + </template> + </el-table-column> + <el-table-column label="瑕佹眰鍊�" align="center"> + <template slot-scope="scope"> + <el-input size="small" v-model="scope.row.ask" clearable placeholder="瑕佹眰鍊�"></el-input> + </template> + </el-table-column> + <el-table-column label="瑕佹眰鎻忚堪" align="center"> + <template slot-scope="scope"> + <el-input size="small" placeholder="瑕佹眰鎻忚堪" v-model="scope.row.tell" clearable type="textarea" + :autosize="{ minRows: 1, maxRows: 2}"></el-input> + </template> + </el-table-column> + <el-table-column label="鍗曚环" align="center" width="120"> + <template slot-scope="scope"> + <el-input size="small" v-model="scope.row.price" clearable placeholder="鍗曚环"></el-input> + </template> + </el-table-column> + <el-table-column label="宸ユ椂绯绘暟" align="center" width="120"> + <template slot-scope="scope"> + <el-input size="small" v-model="scope.row.manHour" clearable placeholder="宸ユ椂绯绘暟"></el-input> </template> </el-table-column> <el-table-column label="鎿嶄綔" width="70" align="center"> <template slot-scope="scope"> - <el-button size="mini" type="danger" icon="el-icon-minus" circle @click="sectionList.splice(scope.$index, 1)"></el-button> + <el-button size="mini" type="danger" icon="el-icon-minus" circle + @click="sectionList.splice(scope.$index, 1)"></el-button> </template> </el-table-column> </el-table> @@ -383,7 +487,13 @@ sectionUpDia: false, sectionLoad: false, sectionRow: null, - sectionList: [] + sectionList: [], + templateList: [], + total:0, + currentPage:1, + standardId: 0, + moreEdit:false, + moreEditLoad:false, } }, mounted() { @@ -400,6 +510,7 @@ this.selectEnumByCategoryForSpecial() this.selectEnumByCategoryForInspectionValueType() this.selectEnumByCategoryForSonLaboratory() + this.getStandardTemplate() }, methods: { filterNode(value, data) { @@ -413,6 +524,8 @@ this.upIndex++ }, handleNodeClick(val, node, el) { //鏍戠殑鍊� + this.total = 0 + this.currentPage = 1 this.selectTree = '' this.getNodeParent(node) this.selectTree = this.selectTree.replace(' - ', '') @@ -739,7 +852,55 @@ this.$message.error('鏈繚瀛�') return } - this.$message.success('宸蹭繚瀛�') + // this.$message.success('宸蹭繚瀛�') + }) + }, + upStandardProductListOfPrice(value, index) { + this.$axios.post(this.$api.standardTree.upStandardProductList, { + id: index, + price: value + }, { + headers: { + 'Content-Type': 'application/json' + } + }).then(res => { + if (res.code == 201) { + this.$message.error('鏈繚瀛�') + return + } + // this.$message.success('宸蹭繚瀛�') + }) + }, + upStandardProductListOfManHour(value, index) { + this.$axios.post(this.$api.standardTree.upStandardProductList, { + id: index, + manHour: value + }, { + headers: { + 'Content-Type': 'application/json' + } + }).then(res => { + if (res.code == 201) { + this.$message.error('鏈繚瀛�') + return + } + // this.$message.success('宸蹭繚瀛�') + }) + }, + upStandardProductListOfTemplate(value, index) { + this.$axios.post(this.$api.standardTree.upStandardProductList, { + id: index, + templateId: value + }, { + headers: { + 'Content-Type': 'application/json' + } + }).then(res => { + if (res.code == 201) { + this.$message.error('鏈繚瀛�') + return + } + // this.$message.success('宸蹭繚瀛�') }) }, delStandardMethodByFLSSM(id) { @@ -813,16 +974,19 @@ }, rowClick(row, column, event) { this.tableLoad2 = true + this.standardId = row.id this.$axios.post(this.$api.standardTree.selectStandardProductListByMethodId, { id: row.id, - tree: this.selectTree + tree: this.selectTree, + page: this.currentPage }).then(res => { - this.productList = res.data + this.productList = res.data.productList + this.total = res.data.total setTimeout(() => { this.productList.forEach(a => { if (a.state == 1) this.toggleSelection(a) }) - }, 300) + }, 200) this.tableLoad2 = false }) }, @@ -839,7 +1003,7 @@ return ''; }, upProductSelect(selection, row) { - row.state = row.state == 1 ? 0 : 1 + row.state = (row.state == 1 ? 0 : 1) this.$axios.post(this.$api.standardTree.upStandardProductList, { id: row.id, state: row.state @@ -861,12 +1025,14 @@ }, handleAll(e) { if (e.length > 0) { - this.productList.map(m => { + this.productList = this.productList.map(m => { + m.state = 0 this.upProductSelect(null, m) return m }) } else { - this.productList.map(m => { + this.productList = this.productList.map(m => { + m.state = 1 this.upProductSelect(null, m) return m }) @@ -876,26 +1042,54 @@ this.sectionRow = row this.sectionUpDia = true this.sectionList = [] - if(this.sectionRow.section!==null){ - JSON.parse(this.sectionRow.section).forEach(a=>{ + if (this.sectionRow.section != null && this.sectionRow.section != '') { + JSON.parse(this.sectionRow.section).forEach((a, ai) => { this.sectionList.push({ - thing: a + thing: a, + ask: JSON.parse(this.sectionRow.ask)[ai], + tell: JSON.parse(this.sectionRow.tell)[ai], + price: JSON.parse(this.sectionRow.price)[ai], + manHour: JSON.parse(this.sectionRow.manHour)[ai] }) }) } }, sectionLoadAdd() { let sectionList = [] - this.sectionList.forEach(a=>{ - if(a.thing!==''){ + let askList = [] + let tellList = [] + let priceList = [] + let manHourList = [] + this.sectionList.forEach(a => { + if (a.thing !== '') { sectionList.push(a.thing) + askList.push(a.ask) + tellList.push(a.tell) + priceList.push(a.price) + manHourList.push(a.manHour) } }) - this.sectionRow.section = JSON.stringify(sectionList) + if (sectionList.length === 0) { + this.sectionRow.section = null + this.sectionRow.ask = null + this.sectionRow.tell = null + this.sectionRow.price = null + this.sectionRow.manHour = null + } else { + this.sectionRow.section = JSON.stringify(sectionList) + this.sectionRow.ask = JSON.stringify(askList) + this.sectionRow.tell = JSON.stringify(tellList) + this.sectionRow.price = JSON.stringify(priceList) + this.sectionRow.manHour = JSON.stringify(manHourList) + } this.sectionLoad = true this.$axios.post(this.$api.standardTree.upStandardProductList, { id: this.sectionRow.id, - section: this.sectionRow.section + section: this.sectionRow.section, + ask: this.sectionRow.ask, + tell: this.sectionRow.tell, + price: this.sectionRow.price, + manHour: this.sectionRow.manHour }, { headers: { 'Content-Type': 'application/json' @@ -909,7 +1103,33 @@ this.$message.success('宸蹭繚瀛�') this.sectionUpDia = false }) - } + }, + getStandardTemplate() { + this.$axios.get(this.$api.StandardTemplate.getStandardTemplate).then(res => { + this.templateList = res.data + }) + }, + handleCurrentChange(val) { + this.currentPage = val; + this.tableLoad2 = true + this.$axios.post(this.$api.standardTree.selectStandardProductListByMethodId, { + id: this.standardId, + tree: this.selectTree, + page: val + }).then(res => { + this.productList = res.data.productList + setTimeout(() => { + this.productList.forEach(a => { + if (a.state == 1) this.toggleSelection(a) + }) + }, 200) + this.tableLoad2 = false + }) + }, + handleMore(){ + this.moreEdit = true + }, + subMoreEdit(){} } } </script> -- Gitblit v1.9.3