基础数据

王震

2023-09-04 785fd3a05f38d3b3f98698497294866447880a28

 src/components/view/mbom.vue

@@ -101,23 +101,25 @@

      <div class="choose">
            <span>类型：</span>
         <el-select v-model="search.type" size="small" placeholder="请选择" style="width: 224px;margin-right: 30px;">
         <el-select v-model="search.type" size="small" @change="TYpe" placeholder="请选择" style="width: 224px;margin-right: 30px;">
            <el-option label="橡胶连接器" :value="0"></el-option>
            <el-option label="金属连接器" :value="1"></el-option>
            <el-option label="湿插拔电连接器" :value="2"></el-option>
            <el-option label="分支组件" :value="3"></el-option>
         </el-select>
         <span>原材料名称：</span>
         <!-- <span>原材料名称：</span>
         <el-select v-model="search.name" size="small" placeholder="请选择" style="width: 224px;margin-right: 30px;">
            <el-option v-for="(a, ai) in process" key="ai" :label="a.name" :value="a.id"></el-option>
         </el-select>
         <el-button size="mini"><span>重 置</span></el-button>
         <el-button size="mini" type="primary" style="background: #004EA2;"><span>查询</span></el-button>
         <el-button size="mini" type="primary" style="background: #004EA2;"><span>查询</span></el-button> -->
      </div>
      <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" :props="{children: 'children',label: 'name'}" node-key="id" default-expand-all>
                <el-tree :data="list" ref="tree" 
            :props="{children: 'children',label: 'name'}" 
            node-key="id" default-expand-all  @node-click="handleNodeClick" >
               <div class="custom-tree-node" slot-scope="{ node, data }">
                  <span><i :class="`node_i ${data.code != '[3]'?'el-icon-folder-opened':'el-icon-tickets'}`"></i>
                     {{data.code}} {{ data.name }}</span>
@@ -160,76 +162,56 @@
      data() {
         return {
              search:{},
              list: [{
               id: 0,
               name: "原材料",
               children: [{
                  id: 3,
                  name: "工艺",
                  children: [{
                     id: 6,
                     name: "设备1"
                  }]
               }]
            }, {
               id: 1,
               name: "成品",
               children: [{
                  id: 4,
                  name: "工艺"
               }]
            }, {
               id: 2,
               name: "半成品",
               children: [{
                  id: 5,
                  name: "工艺"
               }]
            }],
              list:[],
            process:[],
            // handleClose:[],
            checkTreeNode:[],
            tableData:[],
            search:{},
            form:{},
            dialogVisible:false,
                tableData: [{
               id: 1,
               name: "质量追溯号",
               unit: "单位",
               thing: "dajskda",
               input:'你好1'
            }, {
               id: 2,
               name: "作业人员",
               unit: "单位",
               thing: "dajskda",
               input:'你好2'
					
            }, {
               id: 3,
               name: "规格",
               unit: "单位",
               thing: "dajskda",
               input:'你好3'
					
            }, {
               id: 4,
               name: "规格",
               unit: "单位",
               thing: "dajskda",
               input:'你好4'

            }, {
               id: 5,
               name: "规格",
               unit: "单位",
               thing: "dajskda",
               input:'你好5'

            }],
            typeselect:0,
                tableData: [],
            input:''
            }
        },
      mounted() {
         this.selectAllleft()          
      },
      methods:{
         TYpe(val) {
            this.typeselect = val
            this.selectAllleft()
         },
         //左边
         selectAllleft() {
         this.$axios.get(this.$api.url.selectAllleft,{
            params:{type:this.typeselect}
         }).then(res => {
            this.list = res.data;
         }, {
            headers: {
                      "Content-Type": "application/json"
                    }
            })
         },
         //右边
         selectAllMbom() {
         this.$axios.get(this.$api.url.selectAllMbom,{
            params:{id:this.checkTreeNode.id}
         }).then(res => {
            this.tableData = res.data;
         }, {
            headers: {
                      "Content-Type": "application/json"
                    }
            })
         },
         handleNodeClick(data){
                this.checkTreeNode = data
            console.log(this.checkTreeNode.id);
            this.selectAllMbom()
            },
         handleClose(done) {
            this.$confirm('确认关闭？')
            .then(_ => {