add 选瓦

wujian

2024-07-10 59e2283a10aee45e6a98e34b432ba345095116db

 jcdm-ui/src/views/main/cfkb/connectingRod/index.vue

@@ -3,23 +3,6 @@
    <div style="width: 100%">
      <el-card class="box-card" >
        <el-form :model="from" size="large" :inline="true" label-width="78px" @submit.native.prevent>
          <el-form-item label="曲轴码:" prop="scanObject1" >
            <el-input
              style="width: 350px"
              v-model="from.scanObject1"
              placeholder="请输曲轴码"
              clearable
              @keyup.enter.native="handleQuery"
              @input="handleQuery"
            />
          </el-form-item>
          <el-form-item label-width="200" label="托盘码" :prop="from.scanObject3"  style="align-content: center">
            <input v-model="from.scanObject3"
                   ref="inputdata2"
                   style="height: 39px; width: 300px"
                   placeholder="请输入托盘码"
            />
          </el-form-item>
          <el-form-item label-width="200" label="连杆码" :prop="from.scanObject2"  style="align-content: center">
            <input v-model="from.scanObject2"
                   ref="inputdata1"
@@ -28,93 +11,86 @@
            />
          </el-form-item>
        </el-form>
        <el-form :model="from" ref="queryForm" :inline="true" >
          <el-form-item  label="机型:" prop="productSeries" >
            <el-select v-model="from.productSeries" placeholder="" clearable   style="width: 105px">
              <el-option

                v-for="dict in dict.type.productseries"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item  label="瓦名称:" prop="tileName" >
            <el-select v-model="from.tileName" placeholder="" clearable style="width: 125px" >
              <el-option
                v-for="dict in dict.type.tilename"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              />
            </el-select>
          </el-form-item>
          <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">查询</el-button>
        </el-form>
      </el-card>
      <el-col :span="24" >
        <el-card class="bottom-card">
          <div slot="header" class="clearfix">
            <i class="el-icon-tickets"></i>
            <span style="font-weight: bold">当前产品信息</span>
      <el-row :gutter="0">
        <el-col :span="6">
          <div >
            <el-card style="height: 500px">
              <el-descriptions class="margin-top" :column="1" direction="horizontal">
                <el-descriptions-item label="机型">{{queryParams.productSeries}}</el-descriptions-item>
                <el-descriptions-item label="发动机编号">{{queryParams.sfcCode}}</el-descriptions-item>
                <el-descriptions-item label="曲轴码">{{queryParams.scanObject1}}</el-descriptions-item>
                <el-descriptions-item label="连杆码">{{queryParams.scanObject2}}</el-descriptions-item>
                <el-descriptions-item label="瓦名称">{{queryParams.tileName}}</el-descriptions-item>
                <!--                <el-descriptions-item label="缸体编号">{{queryParams.axisName}}</el-descriptions-item>-->
                <el-descriptions-item label="1缸配瓦颜色"><span  style="color: #FFFFFF;"  :style="{ backgroundColor: queryParams.tileColor1 }">{{queryParams.tileColor1}}</span></el-descriptions-item>
                <el-descriptions-item label="2缸配瓦颜色"><span  style="color: #FFFFFF;"  :style="{ backgroundColor: queryParams.tileColor2 }">{{queryParams.tileColor2}}</span></el-descriptions-item>
                <el-descriptions-item label="3缸配瓦颜色"><span  style="color: #FFFFFF;"  :style="{ backgroundColor: queryParams.tileColor3 }">{{queryParams.tileColor3}}</span></el-descriptions-item>
              </el-descriptions>
            </el-card>
          </div>
          <el-descriptions :column="1"  :label-style="{'font-size': '20px'}" border  :content-style="{'min-width': '300px'}">
            <el-descriptions-item label="机型">
              <span>{{queryParams.productSeries}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="发动机编号">
              <span>{{queryParams.sfcCode}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="托盘码">
              <span>{{queryParams.scanObject3}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="曲轴码">
              <span>{{queryParams.scanObject1}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="连杆码">
              <span>{{queryParams.scanObject2}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="瓦名称">
              <span>{{queryParams.tileName}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="缸体编号">
              <span>{{queryParams.axisName}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="配瓦颜色">
              <span  style="color: #FFFFFF;"  :style="{ backgroundColor: queryParams.tileColor }">{{queryParams.tileColor}}</span>
            </el-descriptions-item>
          </el-descriptions>
          <el-divider></el-divider>
        </el-card>
      </el-col>
        </el-col>
        <el-col :span="18">
          <div>
            <el-card style="height: 500px; overflow: auto">
              <el-table border :data="tileMatchMiddlewareList">
                <el-table-column
                  type="index"
                  label="序号"
                  width="50"
                  align="center"></el-table-column>
                <el-table-column label="发动机号" align="center" prop="sfcCode" width="180"></el-table-column>
                <el-table-column label="曲轴码" align="center" prop="crankshaftNo" width="250"></el-table-column>
                <el-table-column label="连杆码" align="center" prop="connectingrodNo" width="250"></el-table-column>
                <el-table-column label="气缸编号" align="center" prop="cylinder" width="100"></el-table-column>
                <el-table-column label="状态" align="center" prop="state" width="100">
                  <template slot-scope="scope">
                    <dict-tag :options="dict.type.corod" :value="scope.row.state"/>
                  </template>
                </el-table-column>
              </el-table>
              <pagination
                v-show="total>0"
                :total="total"
                :page.sync="queryParams.pageNum"
                :limit.sync="queryParams.pageSize"
                @pagination="getListData"
              />
            </el-card>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
import VueQr from 'vue-qr'
import {setBarcode} from "@/api/main/da/tileMatchMiddleware/tileMatchMiddleware";
import {listTileMatchRules, getTileMatchRules, delTileMatchRules, addTileMatchRules, updateTileMatchRules} from "@/api/main/bs/tileMatchRules/tileMatchRules";
import {listTileMatchRules} from "@/api/main/bs/tileMatchRules/tileMatchRules";
import {listTileMatchMiddleware} from "@/api/main/da/tileMatchMiddleware/tileMatchMiddleware";
import {getSumDataMethod} from "@/api/main/bs/orderScheduling/orderScheduling";
export default {
  name: "index",
  dicts: ['colour_hex','productseries','axisname','neckname','tilename'],
  dicts: ['colour_hex','productseries','axisname','neckname','tilename','corod'],
  components: {
    VueQr,
  },
  data(){
    return{
      total: 0,
      scannerFlag: false,
      loading: true,
      tileMatchKbList: [],
      tileMatchMiddlewareList: [],
      qrCode: '',
      // 查询参数
      from:{
        locationCode: 'CR010',
        pageNum: 1,
        pageSize: 10,
        productSeries:'380Y',
        productSeries:'',
        scanObject1: null,
        scanObject2: null,
        scanObject3: null,
        axisName: null,
        neckName: null,
        tileName: '连杆瓦',
@@ -122,7 +98,6 @@
        neckParameterPosition: null,
        axisValue: null,
        neckValue: null,
        tileColor: null,
        createUser: null,
        updateUser: null,
        state: null,
@@ -134,7 +109,6 @@
        productSeries: null,
        scanObject1: null,
        scanObject2: null,
        scanObject3: null,
        axisName: null,
        neckName: null,
        tileName: null,
@@ -142,7 +116,10 @@
        neckParameterPosition: null,
        axisValue: null,
        neckValue: null,
        tileColor: null,
        tileColor1: null,
        tileColor2: null,
        tileColor3: null,
        tileColor4: null,
        createUser: null,
        updateUser: null,
        state: null,
@@ -153,13 +130,11 @@
  },
  mounted() {
    this.setFocus1()
    this.setFocus2()
    this.getListData()
    this.$refs.inputdata1.addEventListener('keydown',this.handleScannerInput1)
    this.$refs.inputdata2.addEventListener('keydown',this.handleScannerInput2)
  },
  beforeDestroy() {
    this.$refs.inputdata1.removeEventListener('keydown',this.handleScannerInput1)
    this.$refs.inputdata2.removeEventListener('keydown',this.handleScannerInput2)
  },
  methods:{
    refresh() {
@@ -170,14 +145,8 @@
        this.$refs.inputdata1.focus()
      })
    },
    setFocus2(){
      this.$nextTick(()=>{
        this.$refs.inputdata2.focus()
      })
    },
    handleScannerInput1(event){
      if (this.scannerFlag){
        this.from.scanObject2 = ''
        this.$refs.inputdata1.value = ''
        this.scannerFlag = false
      }
@@ -186,54 +155,75 @@
      this.from.scanObject2 = inputValue
      if (event.key === 'Enter'){
        this.scannerFlag = true
        //console.log('条码：',this.from.scanObject2)
        this.$refs.inputdata2.focus();
        //扫描完成
        if (typeof this.from.scanObject2 !== 'undefined') {
          setBarcode({barcode:this.from.scanObject2,locationCode:this.from.scanObject3}).then(res =>{
            console.log('res',res)
            this.queryParams.sfcCode=res.sfcCode;
            this.from.scanObject1=res.crankshaftNo;
            this.queryParams.axisName=res.cylinder;
            this.handleQuery()
            //this.from.scanObject2=this.from.scanObject2
            //this.queryParams.scanObject1=this.from.scanObject1
          })
        console.log('sssss',this.from.scanObject2)
        if (this.from.scanObject2 !== null && this.from.scanObject2 !== '') {
          console.log('r22222222222222222')
          if (this.from.scanObject2.indexOf(";") !== -1){
            const parts1 = this.from.scanObject2.split(";");
            console.log('paes',parts1)
            if (parts1.length >= 3) {
              setBarcode({barcode:this.from.scanObject2,locationCode:this.from.locationCode}).then(res =>{
                console.log('res123456',res)
                if (res.id !== null && res.id !== ''){
                  this.$message({
                    message: '配瓦成功',
                    type: 'success'
                  });
                  this.from.productSeries = res.productType
                  this.queryParams.productSeries = res.productType
                  this.queryParams.sfcCode=res.sfcCode;
                  this.from.scanObject1=res.crankshaftNo;
                  this.from.connectingrodNo=res.connectingrodNo;
                  this.queryParams.axisName=res.cylinder;
                  this.handleQuery()
                }
                //this.queryParams.scanObject1=this.from.scanObject1
              })
            } else {
              this.$message({
                message: '连杆码格式错误，请检查',
                type: 'error'
              });
            }
          }else {
            this.$message({
              message: '连杆码格式错误，请检查',
              type: 'error'
            });
          }

        }else {
          this.$message({
            message: '连杆码格式错误，请检查',
            type: 'error'
          });
          console.log('3232323')
          // this.handleQuery()
        }
        this.handleQuery()
      }
    },
    handleScannerInput2(event){
      if (this.scannerFlag){
        this.from.scanObject3 = ''
        this.$refs.inputdata2.value = ''
        this.scannerFlag = false
      }
      const input = event.target
      const inputValue = input.value
      this.from.scanObject3= inputValue
      if (event.key === 'Enter'){
        this.scannerFlag = true
        console.log('条码2：',this.from.scanObject3)
        this.$refs.inputdata1.focus();
        this.from.scanObject2 = ''
        //扫描完成

      }
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.clear();

      if(this.from.scanObject3 !== null && this.from.scanObject2 !== null
        && this.from.productSeries !== null && this.from.productSeries !== "")
      console.log("1111")
      if(this.from.scanObject2 !== null && this.from.productSeries !== null && this.from.productSeries !== "")
      {
        console.log("222")
        this.axisValueextracted();
        this.neckValueextracted();
        console.log('this.queryParams.axisValue',this.queryParams.axisValue)
        console.log('this.queryParams.neckValue',this.queryParams.neckValue)
        if(this.queryParams.axisValue !== null && this.queryParams.neckValue !== null){
          console.log('77777')
          console.log('this.queryParams.axisValue',this.queryParams.axisValue)
          console.log('this.queryParams.neckValue',this.queryParams.neckValue)
          this.insetFromToQueryParams();
          this.getList();
        }
        else{
          console.log('000000')
          const h = this.$createElement;
          this.$message({
            message: h('p',null, [
@@ -262,22 +252,30 @@

    // 取箱体码第三段为配瓦值
    axisValueextracted() {
      const parts1 = this.from.scanObject2.split(";");
      if (parts1.length >= 3) {
        //const axisValueextracted = parts1[2].substring(3,4);
        const axisValueextracted = parts1[2];
        return this.queryParams.axisValue= axisValueextracted;
      console.log("33")
      if (this.from.scanObject2.indexOf(";") !== -1){
        const parts1 = this.from.scanObject2.split(";");
        if (parts1.length >= 3) {
          console.log("44",parts1)
          //const axisValueextracted = parts1[2].substring(3,4);
          const axisValueextracted = parts1[2];
          return this.queryParams.axisValue= axisValueextracted;

        }
      }
    },

    //取曲轴码第三段为配瓦值
    neckValueextracted() {
      const parts2 = this.from.scanObject1.split(";");
      if (parts2.length >= 3) {
        //const neckValueextracted = parts2[2].substring(3,4);
        const neckValueextracted = parts2[2];
        return this.queryParams.neckValue= neckValueextracted;
      console.log('4432')
      console.log('scanObject1',this.from.scanObject1)
      if (this.from.scanObject1.indexOf(";") !== -1){
        const parts2 = this.from.scanObject1.split(";");
        if (parts2.length >= 3) {
          //const neckValueextracted = parts2[2].substring(3,4);
          const neckValueextracted = parts2[2];
          return this.queryParams.neckValue= neckValueextracted;
        }
      }
    },
    //取配瓦颜色
@@ -292,7 +290,22 @@
      }
      console.log('参数：',queryParams)
      listTileMatchRules(queryParams).then(response => {
        this.queryParams.tileColor = response.rows[0].tileColor;
        console.log('this.queryParams',this.queryParams);
        console.log('res',response)
        if (response.rows.length>0){
          if(this.queryParams.axisName===1){
            this.queryParams.tileColor1 = response.rows[0].tileColor;
          }
          if(this.queryParams.axisName===2){
            this.queryParams.tileColor2 = response.rows[0].tileColor;
          }
          if(this.queryParams.axisName===3){
            this.queryParams.tileColor3 = response.rows[0].tileColor;
          }
        }

        console.log(this.queryParams);
        this.getListData();
      });
    },
    clear(){
@@ -301,12 +314,28 @@
    },
    insetFromToQueryParams(){
      this.queryParams.productSeries=this.from.productSeries;
      //this.queryParams.axisName=this.from.axisName;
      this.queryParams.neckName=this.from.neckName;
      this.queryParams.tileName=this.from.tileName;
      this.queryParams.scanObject1=this.from.scanObject1;
      this.queryParams.scanObject2=this.from.scanObject2;
      this.queryParams.scanObject3=this.from.scanObject3;
    },
    //查询列表
    getListData(){
      console.log('this.queryParams111',this.dataList)
      const query = {
        pageNum:this.queryParams.pageNum,
        pageSize:this.queryParams.pageSize
      }
      listTileMatchMiddleware(query).then(res => {
        console.log('resssss',res)
        if (res.code === 200){
          // this.$message({
          //   message: '查询成功',
          //   type: 'success'
          // });
          this.tileMatchMiddlewareList = res.rows
          this.total = res.total
        }
      })
    }

  },