Merge remote-tracking branch 'origin/master'
| | |
| | | delAll:"selfcheckModel/delAllTech",//æ¹éå é¤---.èªæ£ |
| | | |
| | | selectjilu:"/recordModel/selectAllRecord",//ç产记å½ç»´æ¤---ãå³è¾¹ |
| | | selecRecord:"/recordModel/selecRecordById",//ç产记å½----.ç¼è¾ |
| | | delQueById:"/recordModel/delQueById",//å é¤---.è®°å½å
容 |
| | | selecRecord:"/recordModel/selecRecordById",//ç产记å½----.æ°å¢ |
| | | writeRecordById:"/recordModel/writeRecordById",//ç¼è¾ |
| | | delQueByIdapi:"/recordModel/delQueById",//å é¤---.è®°å½å
容 |
| | | |
| | | delAllRecord:"/recordModel/delAllRecord",//å 餿¹é--->è®°å½ |
| | | addRecord:"/recordModel/addRecord",//ç产记å½-------.æ°å¢ |
| | | |
| | |
| | | size="small" |
| | | clearable @input="query" ></el-input> |
| | | <el-tree :data="list" ref="tree" :props="{children: 'children',label: 'father'}" node-key="id" default-expand-all |
| | | @node-click="handleNodeClick" |
| | | @node-click="handleNodeClick" highlight-current |
| | | > |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <span><i :class="`node_i ${data.code != '[2]'?'el-icon-folder-opened':'el-icon-tickets'}`"></i> |
| | |
| | | suffix-icon="el-icon-search" |
| | | placeholder="请è¾å
¥æç´¢å
容" |
| | | size="small" clearable ></el-input> |
| | | <el-tree :data="list" ref="tree" :props="{children: 'children',label: 'name'}" node-key="id" default-expand-all |
| | | <el-tree :data="list" ref="tree" :props="{children: 'children',label: 'name'}" highlight-current node-key="id" default-expand-all |
| | | highlight-current :filter-node-method="filterNode" |
| | | @node-click="handleNodeClick" |
| | | > |
| | |
| | | :props="{ children: 'children', label: 'father' }" |
| | | node-key="id" |
| | | default-expand-all |
| | | highlight-current |
| | | @node-click="handleNodeClick" |
| | | > |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | |
| | | <div class="thing"> |
| | | <div class="left"> |
| | | <el-input v-model="search.technology" suffix-icon="el-icon-search" placeholder="请è¾å
¥æç´¢å
容" size="small" clearable ></el-input> |
| | | <el-tree :data="list" ref="tree" |
| | | <el-tree :data="list" ref="tree" highlight-current |
| | | :props="{children: 'children',label: 'name'}" |
| | | node-key="id" default-expand-all @node-click="handleNodeClick" > |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | |
| | | <div class="record_content"> |
| | | <div class="title"> |
| | | <el-row> |
| | | <el-col :span="12" style="line-height: 32px;">è®°å½å
容维æ¤</el-col> |
| | | <el-col :span="12" style="line-height: 32px;">ç产记å½ç»´æ¤</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button type="primary" icon="el-icon-plus" style="background: #004EA2;" @click="addend">æ°å¢</el-button> |
| | | <!-- <el-button icon="el-icon-edit-outline" @click="modify">ä¿®æ¹</el-button> --> |
| | |
| | | <el-button size="mini" @click="clean()"><span>é ç½®</span></el-button> |
| | | <el-button size="mini" type="primary" style="background: #004EA2;"><span>æ¥ |
| | | 询</span></el-button> --> |
| | | <!-- :style="{height: scrollerHeight,overflow:'auto',display: 'flex'}" --> |
| | | |
| | | </div> |
| | | <div class="thing"> |
| | | <div class="left"> |
| | | <el-input v-model="search.technology" suffix-icon="el-icon-search" placeholder="请è¾å
¥æç´¢å
容" size="small" clearable @input="(val)=>$refs.tree.filter(val)"></el-input> |
| | | <el-tree :data="list" ref="tree" :props="{children: 'children',label: 'name'}" node-key="id" default-expand-all |
| | | @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen" @node-collapse="nodeClose" :filter-node-method="filterNode" |
| | | <el-input v-model="search.technology" suffix-icon="el-icon-search" placeholder="请è¾å
¥æç´¢å
容" size="small" clearable @input="query"></el-input> |
| | | <el-tree :data="list" ref="tree" |
| | | style="height: 500px;overflow-y: auto;" |
| | | :props="{children: 'children',label: 'name'}" node-key="name" default-expand-all |
| | | @node-click="handleNodeClick" highlight-current |
| | | :key="upIndex"> |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <span><i :class="`node_i ${data.code != '[2]'?'el-icon-folder-opened':'el-icon-tickets'}`"></i> |
| | | {{data.code}} {{ data.name }}</span> |
| | | {{ data.cord }}{{ data.name }}</span> |
| | | <!-- <el-button type="text" size="mini" @click.stop="remove(node, data)"> |
| | | <i class="el-icon-delete"></i> |
| | | </el-button> --> |
| | |
| | | <el-col :span="4" style="font-size: 14px;text-align: right;">ç±»å:</el-col> |
| | | <el-col :span="16" :offset="1"> |
| | | <template> |
| | | <el-select v-model="edit.type" placeholder="è¯·éæ©" style="width: 310px;"> |
| | | <el-select v-model="edit.type" disabled placeholder="è¯·éæ©" style="width: 310px;"> |
| | | <el-option label="æ©¡è¶è¿æ¥å¨" :value="0"></el-option> |
| | | <el-option label="éå±è¿æ¥å¨" :value="1"></el-option> |
| | | <el-option label="湿ææçµè¿æ¥å¨" :value="2"></el-option> |
| | |
| | | <template> |
| | | <el-select v-model="edit.techFather" |
| | | placeholder="è¯·éæ©" |
| | | <el-select v-model="edit.techFather" |
| | | placeholder="è¯·éæ©" |
| | | disabled |
| | | @change="workevent" |
| | | style="width: 310px;"> |
| | | <el-option |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="line-height: 46px;"> |
| | | <el-col :span="4" style="font-size: 14px;text-align: right;">å·¥èº:</el-col> |
| | | <el-col :span="4" style="font-size: 14px;text-align: right;">å·¥èº:</el-col> |
| | | <el-col :span="16" :offset="1"> |
| | | <template> |
| | | <el-select v-model="edit.techName" placeholder="è¯·éæ©" style="width: 310px;"> |
| | | <el-select v-model="edit.techName" disabled placeholder="è¯·éæ©" style="width: 310px;"> |
| | | <el-option |
| | | v-for="item in craftapi" |
| | | :key="item.id" |
| | |
| | | </span> |
| | | </el-dialog> |
| | | <!-- æ°å¢å¼¹çª --> |
| | | <el-dialog title="å·¥åºæ°å¢" :visible.sync="dialogVisible" width="35%"> |
| | | <el-dialog title="çäº§è®°å½æ°å¢" :visible.sync="dialogVisible" width="35%"> |
| | | <div> |
| | | <el-form ref="form" :model="form" label-width="80px"> |
| | | <el-form-item label="ç±»å"> |
| | | <template> |
| | | <el-select v-model="form.type" placeholder="è¯·éæ©" style="width: 480px;"> |
| | | <el-select v-model="form.type" @change="edittype" placeholder="è¯·éæ©" style="width: 480px;"> |
| | | <el-option label="æ©¡è¶è¿æ¥å¨" :value="0"></el-option> |
| | | <el-option label="éå±è¿æ¥å¨" :value="1"></el-option> |
| | | <el-option label="湿ææçµè¿æ¥å¨" :value="2"></el-option> |
| | |
| | | typeselect:0, |
| | | upDia: false, |
| | | checkTreeNode:{ |
| | | id:1, |
| | | id:'', |
| | | }, |
| | | upData:{}, |
| | | upData:{ |
| | | name:'', |
| | | unit:'', |
| | | note:'', |
| | | }, |
| | | edit:{ |
| | | name:'', |
| | | note:'', |
| | |
| | | type:'', |
| | | unit:'', |
| | | }, |
| | | upData: { |
| | | id: 0, |
| | | name: null, |
| | | unit: null, |
| | | thing: null |
| | | } |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | this.$axios.get(this.$api.url.delQueById,) |
| | | }, |
| | | childrenClick() {}, |
| | | TYpe(val) { |
| | | this.typeselect = val |
| | | console.log(this.typeselect); |
| | | this.selectAllleft() |
| | | }, |
| | | edittype(val) { |
| | | // this.typeselect = '' |
| | | this.typeselect = val |
| | | this.chooseTechFath() |
| | | }, |
| | | //æ°å¢ |
| | | workevent(val){ |
| | | console.log(val); |
| | | let idx = this.process.findIndex(el => el.name === val) |
| | | this.craftapi = this.process[idx].children |
| | | console.log( this.craftapi); |
| | | }, |
| | | chooseTechFath() { |
| | | this.$axios.get(this.$api.url.chooseTechFath,{ |
| | |
| | | headers: { |
| | | "Content-Type": "application/json" |
| | | } |
| | | }) |
| | | }).then(res =>{ |
| | | |
| | | }) |
| | | }, |
| | | addRecord() { |
| | | this.$axios.post(this.$api.url.addRecord,{ |
| | |
| | | this.selectjilu() |
| | | this.form = {}; |
| | | }, |
| | | //ç¼è¾ this.upData |
| | | selecRecord() { |
| | | this.$axios.get(this.$api.url.selecRecord,{ |
| | | params:{ |
| | | id:this.upData.id |
| | | } |
| | | }).then(res => { |
| | | this.edit = res.data[0] |
| | | // console.log(this.edit); |
| | | }) |
| | | query() { |
| | | this.selectAllleft() |
| | | }, |
| | | TYpe(val) { |
| | | this.typeselect = val |
| | | console.log(this.typeselect); |
| | | this.selectAllleft() |
| | | }, |
| | | //主ä½å·¦ |
| | | selectAllleft() { |
| | | this.$axios.get(this.$api.url.selectAllleft,{ |
| | | params:{type:this.typeselect} |
| | | params:{type:this.typeselect,message:this.search.technology} |
| | | }).then(res => { |
| | | this.list = res.data; |
| | | console.log(this.list); |
| | | this.selectDataList() |
| | | this.$nextTick(() => { |
| | | this.$refs.tree.setCurrentKey(this.list[0].children[0].name) // é»è®¤éä¸èç¹ç¬¬ä¸ä¸ª |
| | | }) |
| | | console.log("======="); |
| | | console.log(this.list); |
| | | let one=this.list.filter(item=>{ |
| | | return item.children.length>0 |
| | | })[0] |
| | | console.log(one); |
| | | let name=one.children[0].id |
| | | console.log(name); |
| | | this.selectjiluStart(name) |
| | | this.selectDataList(); |
| | | }); |
| | | }, |
| | | //é»è®¤ |
| | | selectjiluStart(name) { |
| | | this.$axios.get(this.$api.url.selectjilu,{ |
| | | params:{id:name} |
| | | }).then(res => { |
| | | this.tableData = res.data; |
| | | console.log(this.tableData); |
| | | }) |
| | | }, |
| | | //selectjilu checkTreeNode |
| | |
| | | }, |
| | | |
| | | //å é¤ |
| | | delQueById() { |
| | | this.$axios.post(this.$api.url.delQueById,{ |
| | | delQueByIdapi() { |
| | | this.$axios.post(this.$api.url.delQueByIdapi,{ |
| | | id:this.upData.id |
| | | }) |
| | | }, |
| | | deleteRow(index, rows) { |
| | | this.tableData.splice(index,1) |
| | | this.upData.id = rows.id |
| | | this.delQueById() |
| | | this.selectjilu() |
| | | this.delQueByIdapi() |
| | | // this.selectjilu() |
| | | }, |
| | | |
| | | //ç¼è¾ |
| | | upContent(ob) { |
| | | this.upData = ob |
| | | console.log(this.upData); |
| | | // console.log(this.upData); |
| | | this.selecRecord() |
| | | this.chooseTechFath() |
| | | // this.chooseTechFath() |
| | | this.upDia = true |
| | | }, |
| | | submitUpData() { |
| | | this.tableData.forEach(a => { |
| | | if (a.id == this.upData.id) { |
| | | a.name = this.upData.name |
| | | a.unit = this.upData.unit |
| | | a.thing = this.upData.thing |
| | | selecRecord() { |
| | | this.$axios.get(this.$api.url.selecRecord,{ |
| | | params:{ |
| | | id:this.upData.id |
| | | } |
| | | }).then(res => { |
| | | this.edit = res.data[0] |
| | | }) |
| | | }, |
| | | writeRecordById() { |
| | | // console.log(this.upData.id); |
| | | this.$axios.post(this.$api.url.writeRecordById + '?id=' + this.upData.id,{ |
| | | name:this.upData.name, |
| | | note:this.upData.note, |
| | | techTemId:this.edit.id, |
| | | unit:this.upData.unit |
| | | }, { |
| | | headers: { |
| | | "Content-Type": "application/json" |
| | | } |
| | | }).then(res => { |
| | | this.selectjilu() |
| | | }) |
| | | }, |
| | | submitUpData() { |
| | | this.writeRecordById() |
| | | this.$message.success('ä¿®æ¹æå') |
| | | |
| | | this.upDia = false |
| | | // this.tableData.forEach(a => { |
| | | // if (a.id == this.upData.id) { |
| | | // a.name = this.upData.name |
| | | // a.unit = this.upData.unit |
| | | // a.thing = this.upData.thing |
| | | // } |
| | | // }) |
| | | // console.log(this.upData); |
| | | } |
| | | } |
| | | } |
| | |
| | | <div class="thing"> |
| | | <div class="left"> |
| | | <el-input v-model="search.technology" suffix-icon="el-icon-search" placeholder="请è¾å
¥æç´¢å
容" size="small" clearable @input="(val)=>$refs.tree.filter(val)"></el-input> |
| | | <el-tree :data="list" ref="tree" :props="{children: 'children',label: 'name'}" node-key="id" default-expand-all |
| | | <el-tree :data="list" style="height: 500px;overflow-y: auto;" ref="tree" :props="{children: 'children',label: 'name'}" node-key="name" default-expand-all |
| | | @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen" @node-collapse="nodeClose" :filter-node-method="filterNode" |
| | | :key="upIndex"> |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | |
| | | <el-form ref="form" :model="form" label-width="80px"> |
| | | <el-form-item label="ç±»å"> |
| | | <template> |
| | | <el-select v-model="form.value" placeholder="è¯·éæ©" style="width: 480px;"> |
| | | <el-select v-model="form.value" placeholder="è¯·éæ©" @change="edittype" style="width: 480px;"> |
| | | <el-option label="æ©¡è¶è¿æ¥å¨" :value="0"></el-option> |
| | | <el-option label="éå±è¿æ¥å¨" :value="1"></el-option> |
| | | <el-option label="湿ææçµè¿æ¥å¨" :value="2"></el-option> |
| | |
| | | ids:this.delete |
| | | }) |
| | | }, |
| | | //ç¼è¾ |
| | | writeRecordById() { |
| | | |
| | | |
| | | |
| | | }, |
| | | //æ°å¢ |
| | | add() { |
| | | this.dialogVisible = false |
| | |
| | | console.log(this.typeselect); |
| | | this.selectAllleft() |
| | | }, |
| | | edittype(val) { |
| | | // this.typeselect = '' |
| | | this.typeselect = val |
| | | this.chooseTechFath() |
| | | }, |
| | | //主ä½å·¦ |
| | | selectAllleft() { |
| | | this.$axios.get(this.$api.url.selectAllleft,{ |
| | |
| | | this.list = res.data; |
| | | console.log(this.list); |
| | | this.selectDataList() |
| | | this.$nextTick(() => { |
| | | this.$refs.tree.setCurrentKey(this.list[0].children[0].name) // é»è®¤éä¸èç¹ç¬¬ä¸ä¸ª |
| | | }) |
| | | }) |
| | | }, |
| | | |
| | | //selectAllSelf checkTreeNode |
| | | selectAllSelf() { |
| | | this.$axios.get(this.$api.url.selectAllSelf,{ |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="standard"> |
| | | <div> |
| | | <el-table :data="tableData" height="800" row-key="id" border |
| | | :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'left'}" |
| | | @selection-change="handleSelectionChange" default-expand-all |
| | | :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> |
| | | <el-table-column type="selection" width="55"> |
| | | </el-table-column> |
| | | <el-table-column type="index" width="60" label="åºå·"> |
| | | </el-table-column> |
| | | <el-table-column prop="father" label="å·¥åº" sortable width="200px"> |
| | | <template slot-scope="scope"> |
| | | <el-tag v-if="scope.row.children" type="primary">01</el-tag> |
| | | <span style="color: black"> |
| | | {{ scope.row.father }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column sortable label="å·¥èºåç§°"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="success" v-if="!scope.row.children">02</el-tag> |
| | | <span style="color: black">{{ scope.row.name }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="mname" label="ææåç§°"> |
| | | </el-table-column> |
| | | <el-table-column prop="specifications" label="è§æ ¼"> |
| | | </el-table-column> |
| | | <el-table-column prop="unit" label="åä½"> |
| | | </el-table-column> |
| | | <el-table-column prop="num" label="æ°é"> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="æä½"> |
| | | <el-button style="color: rgb(137, 137, 229);">ç¼è¾</el-button> |
| | | </el-table-column> --> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | selects: [] |
| | | } |
| | | }, |
| | | props:['tableData','tableType'], |
| | | created() { |
| | | console.log(this.tableData) |
| | | }, |
| | | mounted() { |
| | | |
| | | }, |
| | | methods: { |
| | | handleSelectionChange(val) { |
| | | this.selects = val; |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .standard { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | </style> |
| | | <style> |
| | | .standard * { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .standard .has-gutter .el-table__cell { |
| | | background-color: #F0F1F5 !important; |
| | | color: #333; |
| | | } |
| | | |
| | | .standard .has-gutter .el-table__cell .cell { |
| | | font-size: 16px; |
| | | font-weight: 500; |
| | | } |
| | | |
| | | .standard .cell { |
| | | color: #333; |
| | | padding-left: 17px !important; |
| | | } |
| | | |
| | | .standard { |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: auto; |
| | | } |
| | | |
| | | .standard .el-table__body-wrapper { |
| | | height: 100%; |
| | | } |
| | | |
| | | .standard .el-table__body { |
| | | height: 100%; |
| | | } |
| | | .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){ |
| | | padding-left: 23px !important; |
| | | } |
| | | </style> |
| | | |
| | |
| | | <template> |
| | | <div class="standard"> |
| | | <div> |
| | | <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="name" border |
| | | <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" border |
| | | @selection-change="handleSelectionChange" default-expand-all |
| | | :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> |
| | | <el-table-column type="selection" width="55"> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="father" label="å·¥åº" sortable width="200px"> |
| | | <template slot-scope="scope"> |
| | | <el-tag v-if="scope.row.children" :type="scope.row.children ? 'primary' : 'success'"> |
| | | <div class="firstDiv" :style="{ color: scope.row.children ? '#16a7ff' : '#58c173' }"> |
| | | 01 |
| | | </div> |
| | | </el-tag> |
| | | <span style="color: black"> |
| | | <el-tag v-if="scope.row.children" type="primary">01</el-tag> |
| | | <span style="color: #000000"> |
| | | {{ scope.row.father }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="tanme" sortable label="å·¥èºåç§°"> |
| | | <!-- <template slot-scope="scope"> |
| | | <el-tag v-if="!scope.row.children"> |
| | | <div class="firstDiv" :style="`color: ${scope.row.children? '#16a7ff' : '#58c173'}`"> |
| | | 02 |
| | | </div> |
| | | </el-tag> |
| | | <el-table-column prop="name" sortable label="å·¥èºåç§°"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="success" v-if="!scope.row.children">02</el-tag> |
| | | <span style="color: black"> |
| | | {{ scope.row.tname }} |
| | | {{ scope.row.name }} |
| | | </span> |
| | | </template> --> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="mname" label="ææåç§°"> |
| | | </el-table-column> |
| | |
| | | <template> |
| | | <div class="standard"> |
| | | <div> |
| | | <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="name" border |
| | | <el-table :data="tableData" height="800" row-key="id" border |
| | | :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'left'}" |
| | | @selection-change="handleSelectionChange" default-expand-all |
| | | :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> |
| | | <el-table-column type="selection" width="55"> |
| | | </el-table-column> |
| | | <el-table-column type="index" width="50" label="åºå·"> |
| | | <el-table-column type="index" width="60" label="åºå·"> |
| | | </el-table-column> |
| | | <el-table-column prop="father" label="å·¥åº" sortable width="200px"> |
| | | <template slot-scope="scope"> |
| | | <el-tag v-if="scope.row.children" :type="scope.row.children ? 'primary' : 'success'"> |
| | | <div class="firstDiv" :style="{ color: scope.row.children ? '#16a7ff' : '#58c173' }"> |
| | | 01 |
| | | </div> |
| | | </el-tag> |
| | | <el-tag v-if="scope.row.children" type="primary">01</el-tag> |
| | | <span style="color: black"> |
| | | {{ scope.row.father }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="name" sortable label="å·¥èºåç§°"> |
| | | <el-table-column sortable label="å·¥èºåç§°"> |
| | | <template slot-scope="scope"> |
| | | <el-tag v-if="!scope.row.children"> |
| | | <div class="firstDiv" :style="`color: ${scope.row.children? '#16a7ff' : '#58c173'}`"> |
| | | 02 |
| | | </div> |
| | | </el-tag> |
| | | <span style="color: black"> |
| | | {{ scope.row.name }} |
| | | </span> |
| | | </template> |
| | | <el-tag type="success" v-if="!scope.row.children">02</el-tag> |
| | | <span style="color: black">{{ scope.row.name }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="dg" label="设å¤ç»"> |
| | | </el-table-column> |
| | | <el-table-column prop="pq" label="ç产å®é¢"> |
| | | </el-table-column> |
| | | <el-table-column prop="" label="æä½"> |
| | | <el-butten style="color: rgb(137, 137, 229);">ç¼è¾</el-butten> |
| | | <el-table-column label="æä½"> |
| | | <el-button style="color: rgb(137, 137, 229);">ç¼è¾</el-button> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | |
| | | }, |
| | | props:['tableData','tableType'], |
| | | created() { |
| | | console.log(this.tableData,this.tableType) |
| | | console.log(this.tableData) |
| | | }, |
| | | mounted() { |
| | | |
| | |
| | | <div class="left"> |
| | | <el-input v-model="search" suffix-icon="el-icon-search" placeholder="请è¾å
¥æç´¢å
容" size="small" clearable></el-input> |
| | | |
| | | <el-tree :data="list" ref="tree" :default-expand-all="true" :props="{ children: 'children', label: 'name' }" |
| | | <el-tree :data="list" ref="tree" default-expand-all :props="{ children: 'children', label: 'name' }" |
| | | node-key="id" :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current> |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <span><i :class="`node_i ${data.code != '[5]' ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i> |
| | | {{ data.name }}</span> |
| | | {{ data.code }}{{ data.name }}</span> |
| | | <el-button type="text" size="mini" @click.stop="remove(node, data)"> |
| | | <i class="el-icon-delete"></i> |
| | | </el-button> |
| | |
| | | 询</span></el-button> |
| | | </div> |
| | | |
| | | <div v-if="this.typeselect == 0"> |
| | | <div class="contentTable" v-if="this.typeselect == 0"> |
| | | <technology :tableType="tableType" :tableData="tableData"></technology> |
| | | </div> |
| | | <div v-if="this.typeselect == 1"> |
| | | ææ¯ææ |
| | | </div> |
| | | <div v-if="this.typeselect == 1">ææ¯ææ </div> |
| | | <div v-if="this.typeselect == 2"> |
| | | <material :tableType="tableType" :tableData="tableData"></material> |
| | | <bom :tableType="tableType" :tableData="tableData"></bom> |
| | | </div> |
| | | <div v-if="this.typeselect == 3"> |
| | | çäº§å·¥èº |
| | | </div> |
| | | <!-- <div class="table"> |
| | | <technology v-if="tableData.length !== 0" :tableType="tableType" :tableData="tableData"></technology> |
| | | </div> --> |
| | | <!-- <div class="table"> |
| | | <technology v-if="tableData.length !== 0" :tableType="tableType" :tableData="tableData"></technology> |
| | | </div> --> |
| | | <div v-if="this.typeselect == 3">ç产工èº</div> |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <script> |
| | | import technology from "./standard-table/technology.vue" |
| | | import material from "./standard-table/material.vue" |
| | | import bom from "./standard-table/bom.vue" |
| | | export default { |
| | | components: { technology,material }, |
| | | components: { technology,material,bom }, |
| | | |
| | | data() { |
| | | return { |
| | |
| | | checkTreeNode: {},// ç¹å»é䏿 èç¹ |
| | | tableData: [], |
| | | bomAddModelVisible: false,// æ§å¶bomæ°å¢æ¨¡ææ¡æ¯å¦æ¾ç¤º |
| | | list: [], |
| | | typeselect: 0, |
| | | returntree: { |
| | | id:28, |
| | |
| | | // } |
| | | // }, |
| | | mounted() { |
| | | this.tableType=0 |
| | | this.selectMaterialTree() |
| | | // this.selectAll() |
| | | this.selectVersion() |
| | | }, |
| | | methods: { |
| | |
| | | |
| | | }, |
| | | TYPE(val) {//ç±»å.æ°æ® |
| | | console.log(val); |
| | | // console.log(val); |
| | | this.typeselect = val |
| | | |
| | | // console.log(this.typeselect); |
| | | |
| | | console.log(this.typeselect); |
| | | this.selectVersion() |
| | | }, |
| | | handleNodeClick(val) {//æ çå¼ |
| | | console.log(val); |
| | | // console.log(val); |
| | | this.returntree = val |
| | | }, |
| | | selectVersion() {//çæ¬ |
| | | this.$axios.get(this.$api.url.selectVersion, { |
| | | async selectVersion() {//çæ¬ |
| | | let v=await this.$axios.get(this.$api.url.selectVersion, { |
| | | params: { |
| | | specificationsId: this.returntree.id, |
| | | type: this.typeselect, |
| | |
| | | this.version = this.verdata.map(el => { |
| | | return el = `v${el}` |
| | | }) |
| | | console.log(this.verdata); |
| | | // console.log("çæ¬"); |
| | | return this.verdata[0] |
| | | }) |
| | | this.character=v |
| | | this.VER="v"+v |
| | | this.selectAll() |
| | | }, |
| | | //å³ä¾§æ°æ® |
| | | selectAll() { |
| | | console.log(this.$axios.get(this.$api.url.selectAll)); |
| | | this.$axios.get(this.$api.url.selectAll, { |
| | | params: { |
| | | specificationsId: this.returntree.id,//treeçç¹å»åé¦ |
| | |
| | | version: this.character,//çæ¬ |
| | | } |
| | | }).then(res => { |
| | | console.log(res.data); |
| | | this.tableData = res.data |
| | | let arr = res.data; |
| | | console.log(arr); |
| | | for(var i=0;i<arr.length;i++){ |
| | | arr[i].id = "0" + i; |
| | | } |
| | | this.tableData = arr; |
| | | }) |
| | | }, |
| | | verevent(val) { |
| | | console.log(val); |
| | | // console.log(val); |
| | | let cc = val.replace('v', '') |
| | | console.log(cc); |
| | | // console.log(cc); |
| | | this.character = cc |
| | | this.selectAll() |
| | | // const { v, ...newObj } = val; |
| | |
| | | }, |
| | | //äºçº§æ |
| | | selectMaterialTree() { |
| | | this.$axios.get(this.$api.url.selectTreeByMaterial).then(res => { |
| | | this.list = res.data |
| | | this.$axios.get(this.$api.url.selectTreeByMaterial).then( res => { |
| | | this.list=res.data |
| | | this.list.forEach((el, idx, arr) => { |
| | | if (idx == 0) { |
| | | arr[idx].name = 'æå' |
| | |
| | | } |
| | | }) |
| | | this.selectDataList() |
| | | // é»è®¤ç¬¬ä¸ä¸ªäºçº§èç¹æç´¢ï¼æ°å¢é
置项 |
| | | const treeOptions = JSON.parse(JSON.stringify(this.list)); |
| | | this.getDefault(treeOptions, 0); |
| | | this.formTypeOptions = treeOptions; |
| | | this.$nextTick().then(() => { |
| | | const firstNode = document.querySelector( |
| | | ".el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node" |
| | | ); |
| | | try { |
| | | firstNode.click(); |
| | | } catch (e) { |
| | | //TODO handle the exception |
| | | } |
| | | }); |
| | | }) |
| | | }, |
| | | getDefault(arr, index) { |
| | | for (const item of arr) { |
| | | if (item.children && item.children.length > 0) { |
| | | // æåèç¹ |
| | | this.getDefault(item.children, index + 1); |
| | | if (index === 2) { |
| | | item.children = null; |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | return data.label.indexOf(value) !== -1; |
| | |
| | | <style scoped> |
| | | .standard {} |
| | | |
| | | .standard .contentTable{ |
| | | } |
| | | |
| | | .standard .title .el-button { |
| | | height: 32px; |
| | | border: 1px solid rgba(190, 190, 190, 0.44); |
| | |
| | | node-key="id" |
| | | default-expand-all |
| | | @node-click="handleNodeClick" |
| | | style="height: 500px;overflow-y: auto;" |
| | | :key="upIndex" |
| | | highlight-current |
| | | > |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <span |
| | |
| | | <template> |
| | | <el-select |
| | | v-model="form.father" |
| | | allow-create |
| | | filterable |
| | | placeholder="è¯·éæ©" |
| | | style="width: 480px" |
| | | > |
| | |
| | | <template> |
| | | <el-select |
| | | v-model="form.elementId" |
| | | multiple |
| | | placeholder="è¯·éæ©" |
| | | style="width: 200px" |
| | | > |
| | |
| | | Neworder() { |
| | | this.dialogVisible = false; |
| | | this.addTechTemp(); |
| | | // this.form = ''; |
| | | this.form = {}; |
| | | }, |
| | | Deleteapi() { |
| | | this.dialogVisible = false; |
| | |
| | | |
| | | { |
| | | deviceGroup: this.form.deviceGroup, |
| | | elementId: this.form.elementId, |
| | | elementId: JSON.stringify(this.form.elementId).replace("[","").replace("]",""), |
| | | father: this.form.father, |
| | | name: this.form.name, |
| | | type: this.form.type, |
| | |
| | | Vue.use(qs); |
| | | Vue.use(api); |
| | | |
| | | const javaApi = 'http://192.168.0.25:8001' |
| | | const javaApi = 'http://192.168.0.23:8001' |
| | | |
| | | // const javaApi = '192.168.0.6' |
| | | |
| | | |
| | | |