From 5e130ba040fe5e266435b76940caa7a42d5188e8 Mon Sep 17 00:00:00 2001
From: 李林 <z1292839451@163.com>
Date: 星期四, 14 三月 2024 17:41:24 +0800
Subject: [PATCH] 功能调整
---
src/components/do/b1-ins-order/add.vue | 208 +++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 198 insertions(+), 10 deletions(-)
diff --git a/src/components/do/b1-ins-order/add.vue b/src/components/do/b1-ins-order/add.vue
index b960d9e..9a50c89 100644
--- a/src/components/do/b1-ins-order/add.vue
+++ b/src/components/do/b1-ins-order/add.vue
@@ -30,11 +30,39 @@
.search_input {
width: calc(100% - 120px);
}
+
+ .node_i {
+ color: orange;
+ font-size: 18px;
+ }
</style>
<style>
.ins_order_add .el-input-group__append,
.el-input-group__prepend {
padding: 0 10px;
+ }
+
+ .ins_order_add .el-tree-node__content {
+ height: 32px;
+ font-size: 14px;
+ border-radius: 2px;
+ }
+
+ .ins_order_add .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+ color: #3A7BFA;
+ }
+
+ .ins_order_add .has-gutter .el-table__cell .cell {
+ line-height: 30px;
+ background-color: #fafafa;
+ }
+
+ .ins_order_add .has-gutter .el-table__cell {
+ background-color: #fafafa !important;
+ }
+
+ .ins_order_add .el-table__row .cell {
+ font-size: 12px;
}
</style>
@@ -90,7 +118,8 @@
<div class="search_label"><span class="required-span">* </span>鏍峰搧鍚嶇О锛�</div>
<div class="search_input">
<el-input readonly size="small" v-model="addObj.sample">
- <template slot="append"><el-button slot="append" icon="el-icon-search" @click=""></el-button></template>
+ <template slot="append"><el-button slot="append" icon="el-icon-search"
+ @click="selectStandardTree = true"></el-button></template>
</el-input>
</div>
</el-col>
@@ -130,7 +159,8 @@
<el-col class="search_thing" :span="6">
<div class="search_label"><span class="required-span">* </span>鏍峰搧鏁伴噺锛�</div>
<div class="search_input">
- <el-input-number size="small" v-model="addObj.sampleNum" :controls="false" :min="0" :precision="0" style="width: 50%;"></el-input-number>
+ <el-input-number size="small" v-model="addObj.sampleNum" :controls="false" :min="0" :max="1000"
+ :precision="0" style="width: 50%;" @change="onSample"></el-input-number>
</div>
</el-col>
<el-col class="search_thing" :span="6">
@@ -151,16 +181,53 @@
<el-col class="search_thing" :span="6">
<div class="search_label">鐣欐牱鏁伴噺锛�</div>
<div class="search_input">
- <el-input-number size="small" v-model="addObj.leaveNum" :controls="false" :min="0" :disabled="addObj.isLeave == 0" style="width: 50%;"></el-input-number>
+ <el-input-number size="small" v-model="addObj.leaveNum" :controls="false" :min="0"
+ :disabled="addObj.isLeave == 0" style="width: 50%;"></el-input-number>
</div>
</el-col>
- <el-col class="search_thing" :span="12">
+ <el-col class="search_thing" :span="6" style="align-items: flex-start;margin: 8px 0;">
<div class="search_label">澶囨敞锛�</div>
<div class="search_input">
- <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addObj.remark"></el-input>
+ <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 2}" size="small" clearable
+ v-model="addObj.remark"></el-input>
+ </div>
+ </el-col>
+ <el-col class="search_thing" :span="6">
+ <div class="search_label" style="width: 160px;">鏄惁娑夊強閰嶅鏍峰搧锛�</div>
+ <div class="search_input" style="width: calc(100% - 160px);">
+ <el-radio-group v-model="addObj.mating" @change="$refs.sampleTable.doLayout()">
+ <el-radio :label="1">鏄�</el-radio>
+ <el-radio :label="0">鍚�</el-radio>
+ </el-radio-group>
</div>
</el-col>
</el-row>
+ </div>
+ <div style="display: flex;">
+ <el-table class="el-table" ref="sampleTable" :data="sampleList" height="300px" tooltip-effect="dark" border
+ @selection-change="selectSample">
+ <el-table-column type="selection" width="60"></el-table-column>
+ <el-table-column type="index" label="搴忓彿" width="65" align="center"></el-table-column>
+ <el-table-column prop="sample" label="鏍峰搧鍚嶇О" align="center" show-overflow-tooltip
+ min-width="100"></el-table-column>
+ <el-table-column prop="joinName" label="閰嶅鏍峰搧鍚嶇О" width="140" align="center" v-if="addObj.mating==1">
+ <template slot-scope="scope">
+ <el-input size="small" type="textarea" :autosize="{ minRows: 1, maxRows: 1}"
+ v-model="scope.row.joinName"></el-input>
+ </template>
+ </el-table-column>
+ <el-table-column prop="joinModel" label="閰嶅鏍峰搧鍨嬪彿" width="140" align="center" v-if="addObj.mating==1">
+ <template slot-scope="scope">
+ <el-input size="small" type="textarea" :autosize="{ minRows: 1, maxRows: 1}"
+ v-model="scope.row.joinModel"></el-input>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" width="65" align="center">
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="">鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
</div>
<el-dialog title="閫夋嫨瀹㈡埛" :visible.sync="selectUserDia" width="70%">
<div class="body" style="height: 60vh;" v-if="selectUserDia">
@@ -169,6 +236,34 @@
<span slot="footer" class="dialog-footer">
<el-button @click="selectUserDia = false">鍙� 娑�</el-button>
<el-button type="primary" @click="selectUser">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog title="閫夋嫨鏍峰搧" :visible.sync="selectStandardTree" width="400px">
+ <div class="body" style="height: 60vh;overflow-y: auto;" v-if="selectStandardTree">
+ <el-row>
+ <el-col :span="24">
+ <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛屾悳绱�" suffix-icon="el-icon-search" v-model="search" size="small"
+ style="margin-bottom: 5px;" clearable @blur="searchFilter" @clear="searchFilter"
+ @keyup.enter.native="searchFilter"></el-input>
+ </el-col>
+ </el-row>
+ <el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'label' }" node-key="label"
+ :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen"
+ @node-collapse="nodeClose" :default-expanded-keys="expandedKeys">
+ <div class="custom-tree-node" slot-scope="{ node, data }">
+ <el-row>
+ <el-col :span="24">
+ <span><i
+ :class="`node_i ${data.children != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
+ {{ data.code }} {{ data.label }}</span>
+ </el-col>
+ </el-row>
+ </div>
+ </el-tree>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="selectStandardTree = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="activeStandardTree">纭� 瀹�</el-button>
</span>
</el-dialog>
</div>
@@ -194,6 +289,7 @@
code: null,
laboratory: null,
appointedTime: null,
+ factory: null,
sample: null,
sampleType: null,
sampleNum: null,
@@ -201,7 +297,8 @@
isLeave: 0,
leaveNum: null,
remark: null,
- otcCode: null
+ otcCode: null,
+ mating: 0
},
type: [],
selectUserDia: false,
@@ -230,13 +327,23 @@
}
},
selectField: {},
- }
+ },
+ selectStandardTree: false,
+ search: null,
+ list: [],
+ selectTree: null,
+ expandedKeys: [],
+ sampleList: [],
+ sampleIds: [],
+ methodList: []
}
},
mounted() {
this.selectEnumByCategoryForType()
+ this.getUserNow()
+ this.selectStandardTreeList()
},
- methods:{
+ methods: {
selectEnumByCategoryForType() {
this.$axios.post(this.$api.enums.selectEnumByCategory, {
category: "绱ф�ョ▼搴�"
@@ -259,9 +366,90 @@
this.addObj.code = selects.code
this.selectUserDia = false
},
- save(){
+ save() {
console.log(this.addObj);
+ },
+ getUserNow() {
+ this.$axios.get(this.$api.user.getUserNow).then(res => {
+ let selects = res.data
+ if (selects == null) return
+ this.addObj.userId = selects.id
+ this.addObj.company = selects.company
+ this.addObj.custom = selects.name
+ this.addObj.code = selects.code
+ })
+ },
+ searchFilter() {
+ this.$refs.tree.filter(this.search)
+ },
+ nodeOpen(data, node, el) {
+ $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder-opened')
+ },
+ nodeClose(data, node, el) {
+ $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder')
+ },
+ handleNodeClick(val, node, el) { //鏍戠殑鍊�
+ this.selectTree = ''
+ this.getNodeParent(node)
+ this.selectTree = this.selectTree.replace(' - ', '')
+ let data = this.selectTree.split(' - ')
+ let data2 = ''
+ for (let index = data.length - 1; index >= 0; index--) {
+ data2 += " - " + data[index]
+ }
+ this.selectTree = data2.replace(' - ', '')
+ },
+ getNodeParent(val) {
+ if (val.parent != null) {
+ this.selectTree += ' - ' + val.label
+ this.getNodeParent(val.parent)
+ }
+ },
+ selectStandardTreeList() {
+ this.$axios.get(this.$api.standardTree.selectStandardTreeList).then(res => {
+ this.list = res.data
+ this.list.forEach(a => {
+ a.children.forEach(b => {
+ this.expandedKeys.push(b.label)
+ })
+ })
+ })
+ },
+ filterNode(value, data) {
+ if (!value) return true;
+ return data.label.indexOf(value) !== -1;
+ },
+ activeStandardTree() {
+ let trees = this.selectTree.split(" - ")
+ if (trees.length < 4) {
+ this.$message.error('鏈�夋嫨鏍峰搧')
+ return
+ }
+ this.addObj.factory = trees[0]
+ this.addObj.laboratory = trees[1]
+ this.addObj.sampleType = trees[2]
+ this.addObj.sample = trees[3]
+ this.addObj.model = trees[4]
+ this.selectStandardTree = false
+ this.onSample()
+ },
+ selectSample(val) {
+ val.forEach(a => {
+ this.sampleIds = a.id
+ })
+ },
+ onSample() {
+ this.sampleList = []
+ if (this.addObj.sampleNum == 0 || this.addObj.sample == null || this.addObj.sample == '') return
+ for (var i = 0; i < this.addObj.sampleNum; i++) {
+ this.sampleList.push({
+ sample: this.addObj.sample,
+ joinName: null,
+ joinModel: null
+ })
+ }
+ this.$refs.sampleTable.doLayout()
}
}
}
-</script>
\ No newline at end of file
+</script>
--
Gitblit v1.9.3