部分调整；标准库分页修改

value

2024-05-15 ae3577a604988e84d22fc299ddd6dae25b5edf57

部分调整；标准库分页修改

 src/components/tool/value-table.vue

@@ -99,7 +99,7 @@
    text-align: left;
    width: 100%;
    display: inline-block;
    margin-left: 20px;
    margin-left: 200px;
  }
</style>


 src/components/view/b1-inspect-order-plan.vue

@@ -102,6 +102,11 @@
    .ins-order-plan-main .el-form-item__label{
        color: #000;
    }

  .ins-order-plan-main .el-table th.el-table__cell>.cell{
    height: 46px;
    line-height: 30px;
  }
</style>
<template>
    <div class="ins-order-plan-main">

 src/components/view/b2-standard.vue

@@ -1,6 +1,6 @@
<style scoped>
  .standard {
    padding: 20px 0;
    padding: 10px 0;
    display: flex;
  }

@@ -38,8 +38,8 @@
  }

  .right .title {
    height: 30px;
    line-height: 30px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    background-color: white;
  }
@@ -72,12 +72,12 @@
    height: 40px !important;
  }
  >>>.header-class th.el-table__cell>.cell{
    line-height: 14px !important;
    line-height: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  >>>.el-table__row{
    height: 30px !important;
    height: 35px !important;
  }
</style>
<style>
@@ -145,15 +145,6 @@
    <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-row>
      <el-row class="standard_table" v-loading="tableLoad">
        <el-table class="el-table" :data="standardList" style="width: 100%;height: 220px !important;" height="220" tooltip-effect="dark"
@@ -175,17 +166,16 @@
        </el-table>
      </el-row>
      <el-row class="product_table" v-loading="tableLoad2">
        <el-table :data="pagedData" ref="productTable" style="width: 100%;" height="100%" tooltip-effect="dark" stripe
        <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"
          class="productTable"
          @filter-change="filterChange"
          header-row-class-name="header-class">
          <el-table-column type="selection" width="65" >
          <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"
@@ -300,7 +290,7 @@
        <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="addStandardDia" width="400px">
      <div class="body">
        <el-row style="line-height: 50px;">
          <el-col :span="6" style="text-align: right;">
@@ -317,8 +307,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>
@@ -326,7 +316,7 @@
        <el-button @click="addProductDia = false">取 消</el-button>
        <el-button type="primary" @click="addStandardProductDo" :loading="addLoad3">确 定</el-button>
      </span>
    </el-dialog>
    </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">
@@ -459,27 +449,7 @@
        total:0,
        pageSize:100,
        currentPage:1,
        productLists:[],
      }
    },
    computed: {
      pagedData() {
        const start = (this.currentPage - 1) * this.pageSize;
        const end = start + this.pageSize;
        this.total = this.productList.length;
        return this.productList.slice(start, end);
      },
    },
    watch:{
      pagedData:{
        deep:true,
        handler(val){
          setTimeout(() => {
            val.forEach(a => {
              if (a.state == 1) this.toggleSelection(a)
            })
          }, 300)
        }
        standardId: 0
      }
    },
    mounted() {
@@ -958,17 +928,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.productLists = this.HaveJson(res.data)
          this.productList = res.data
          // setTimeout(() => {
          //   this.productList.forEach(a => {
          //     if (a.state == 1) this.toggleSelection(a)
          //   })
          // }, 300)
          this.productList = res.data.productList
          this.total = res.data.total
          setTimeout(() => {
            this.productList.forEach(a => {
              if (a.state == 1) this.toggleSelection(a)
            })
          }, 200)
          this.tableLoad2 = false
        })
      },
@@ -1000,16 +972,9 @@
          }
          // this.$message.success('已保存')
        })
        this.productLists.map(item => {
          if(row.id == item.id){
              item.state = row.state;
            }
          return item
        })
      },
      filterHandler(value, row, column) {
        const property = column['property'];
        // console.log(222222222222,row[property],value)
        return row[property] === value;
      },
      handleAll(e) {
@@ -1100,22 +1065,21 @@
      },
      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
        })
      },
      filterChange(e){
        let arr =[];
        for (let key in e){
          arr = e[key]
        }
        if(arr.length>0){
          let arr0 = this.HaveJson(this.productLists).filter(item=>{
            return arr.find(value=>item.sonLaboratory==value)!==undefined
          })
          this.productList = this.HaveJson(arr0)
        }else{
          this.productList = this.HaveJson(this.productLists)
        }
        // productLists
      }
    }
  }
</script>

 src/view/index.vue

@@ -225,8 +225,8 @@

    .component_view {
        height: calc(100vh - 84px);
        width: calc(100% - 52px);
        padding: 0 26px;
        width: calc(100% - 40px);
        padding: 0 20px;
        background: rgb(245, 247, 251);
    }