Merge branch 'master' of http://114.132.189.42:9002/r/center-lims-before

晏有为

2024-05-27 3ca7a7fe929d39c51e705e39306a99e452b1efe7

Merge branch 'master' of http://114.132.189.42:9002/r/center-lims-before

 src/components/do/b1-ins-order/add.vue

@@ -107,7 +107,6 @@
          <el-button size="medium" @click="templateDia=true" v-show="active==1">
            <span style="color: #3A7BFA;">保存模板</span>
          </el-button>
          <el-button size="medium" type="primary" @click="$parent.playOrder(4)">光纤配置</el-button>
          <el-button size="medium" type="primary" @click="save" :loading="saveLoad" v-show="active==1">提交</el-button>
          <!-- 审核 -->
          <el-button size="medium" @click="upInsOrderOfState(2)" :loading="saveLoad" v-show="active==3"
@@ -243,6 +242,30 @@
          <div class="search_label">OTC订单号：</div>
          <div class="search_input">
            <el-input size="small" placeholder="请输入" clearable v-model="addObj.otcCode" :readonly="active>1"></el-input>
          </div>
        </el-col>
        <el-col class="search_thing" :span="6">
          <div class="search_label"><span class="required-span">* </span>工程名称：</div>
          <div class="search_input">
            <el-input size="small" placeholder="请输入" clearable v-model="addObj.engineering" :readonly="active>1"></el-input>
          </div>
        </el-col>
        <el-col class="search_thing" :span="6">
          <div class="search_label"><span class="required-span">* </span>工程名称EN：</div>
          <div class="search_input">
            <el-input size="small" placeholder="请输入" clearable v-model="addObj.engineeringEn" :readonly="active>1"></el-input>
          </div>
        </el-col>
        <el-col class="search_thing" :span="6">
          <div class="search_label"><span class="required-span">* </span>生产单位：</div>
          <div class="search_input">
            <el-input size="small" placeholder="请输入" clearable v-model="addObj.production" :readonly="active>1"></el-input>
          </div>
        </el-col>
        <el-col class="search_thing" :span="6">
          <div class="search_label"><span class="required-span">* </span>生产单位EN：</div>
          <div class="search_input">
            <el-input size="small" placeholder="请输入" clearable v-model="addObj.productionEn" :readonly="active>1"></el-input>
          </div>
        </el-col>
        <el-col class="search_thing" :span="6" style="align-items: flex-start;margin: 8px 0;">
@@ -563,7 +586,11 @@
          isLeave: 0,
          orderType: null,
          send: 1,
          formType: '送检'
          formType: '送检',
          engineering: null,
          engineeringEn: null,
          production: null,
          productionEn: null,
        },
        sample: {
          sampleCode: null,
@@ -727,6 +754,14 @@
          this.$message.error('请输入来样方式')
        } else if (!this.addObj.orderType) {
          this.$message.error('请选择检验类别')
        }else if (!this.addObj.engineering) {
          this.$message.error('请输入工程名称')
        } else if (!this.addObj.engineeringEn) {
          this.$message.error('请输入工程名称EN')
        }else if (!this.addObj.production) {
          this.$message.error('请输入生产单位')
        }else if (!this.addObj.productionEn) {
          this.$message.error('请输入生产单位EN')
        } else if (this.sampleList.length < 1) {
          this.$message.error('请添加一个样品')
        } else if (!this.sampleList.every(m => m.sample)) {

 src/components/do/b1-ins-order/fiberoptic-config.vue

@@ -1,299 +1,200 @@
<template>
<div class="ins_order_config">
  <div>
    <el-row class="title">
      <el-col :span="6" style="padding-left: 20px;">光纤配置</el-col>
      <el-col :span="18" style="text-align: right;">
        <el-button size="medium" type="primary" @click="save" :loading="saveLoad">保 存</el-button>
        <el-button size="medium" @click="$parent.playOrder(0)">
          <span style="color: #3A7BFA;">取 消</span>
        </el-button>
      </el-col>
    </el-row>
  <div class="ins_order_config">
    <div>
      <el-row class="title">
        <el-col :span="6" style="padding-left: 20px;">光纤配置</el-col>
        <el-col :span="18" style="text-align: right;">
          <el-button size="medium" type="primary" @click="save" :loading="saveLoad">保 存</el-button>
          <el-button size="medium" @click="$parent.playOrder(0)">
            <span style="color: #3A7BFA;">取 消</span>
          </el-button>
        </el-col>
      </el-row>
    </div>
    <div class="center">
      <el-row :gutter="10" style="margin-bottom: 10px;">
        <el-col :span="9">
          <div class="grid-content">
            <h5>套餐</h5>
            <div
              style="display: flex;align-items: center;justify-content: space-between;padding: 0 12px;box-sizing: border-box;">
              <div class="search-item">
                <label style="width: 70px;">样品型号</label>
                <span style="font-size: 14px;">GYTA53</span>
              </div>
              <el-radio-group v-model="packageInfo.radio" size="small">
                <el-radio :label="0">全检</el-radio>
                <el-radio :label="1">抽检</el-radio>
              </el-radio-group>
            </div>
            <div class="search-item" style="margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;">
              <label style="width: 70px;">样品编号</label>
              <el-input v-model="packageInfo.input" placeholder="请输入" size="small"></el-input>
            </div>
            <div
              style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;">
              <div class="search-item" style="margin-right: 10px;">
                <label>套管数目</label>
                <el-input v-model="packageInfo.input" placeholder="请输入" size="small"></el-input>
              </div>
              <div class="search-item" style="margin-right: 10px;">
                <label style="width: 70px;">标准量</label>
                <el-input v-model="packageInfo.input" placeholder="请输入" size="small"></el-input>
              </div>
              <div class="search-item">
                <label style="width: 70px;">检测量</label>
                <el-input v-model="packageInfo.input" placeholder="请输入" size="small"></el-input>
              </div>
            </div>
            <el-table ref="table0" :data="tableData" tooltip-effect="dark" style="width: 100%" height="150px"
              size="small" @selection-change="handleSelectionChange">
              <el-table-column type="selection" width="55">
              </el-table-column>
              <el-table-column label="管色标" show-overflow-tooltip>
                <template slot-scope="scope">{{ scope.row.date }}</template>
              </el-table-column>
              <el-table-column prop="name" label="标量" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="测试量" show-overflow-tooltip>
              </el-table-column>
            </el-table>
          </div>
        </el-col>
        <el-col :span="15">
          <div class="grid-content">
            <h5>检测项信息</h5>
            <el-table ref="table1" :data="tableData" tooltip-effect="dark" style="width: 100%" height="274px"
              size="small" @selection-change="handleSelectionChange">
              <el-table-column type="selection" width="55">
              </el-table-column>
              <el-table-column label="实验室" show-overflow-tooltip>
                <template slot-scope="scope">{{ scope.row.date }}</template>
              </el-table-column>
              <el-table-column prop="name" label="检测项目" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="试验方法" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="单价" width="70" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="单位" width="70" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="预计时间" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="检测标准" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="检测要求" show-overflow-tooltip>
              </el-table-column>
            </el-table>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="10">
        <el-col :span="12">
          <div class="grid-content">
            <h5>光纤带</h5>
            <div class="btns">
              <el-button size="small" type="primary">生成光纤带</el-button>
              <el-button size="small" type="primary">保存光纤带项目</el-button>
            </div>
            <div
              style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;">
              <div class="search-item" style="width: 50%;margin-right: 16px;">
                <label style="width: 80px;">纤带类型</label>
                <el-select v-model="tape.value" placeholder="请选择" size="small" style="width: 100%;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </div>
              <div class="search-item" style="width: 50%;">
                <label style="width: 80px;">参考标准</label>
                <el-select v-model="tape.value" placeholder="请选择" size="small" style="width: 100%;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </div>
            </div>
            <el-table ref="table2" :data="tableData" tooltip-effect="dark" style="width: 100%" height="270px"
              size="small" @selection-change="handleSelectionChange">
              <el-table-column type="selection" width="55">
              </el-table-column>
              <el-table-column label="光纤带编号" show-overflow-tooltip>
                <template slot-scope="scope">{{ scope.row.date }}</template>
              </el-table-column>
              <el-table-column prop="name" label="光纤带规格" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="参考标准" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="光纤检测量" show-overflow-tooltip>
              </el-table-column>
            </el-table>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="grid-content">
            <h5>光纤</h5>
            <div class="btns">
              <el-button size="small" type="primary">光纤配色</el-button>
              <el-button size="small" type="primary">保存光纤项目</el-button>
            </div>
            <div
              style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;">
              <div class="search-item" style="width: 50%;margin-right: 16px;">
                <label style="width: 80px;">光纤类型</label>
                <el-select v-model="tape.value" placeholder="请选择" size="small" style="width: 100%;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </div>
              <div class="search-item" style="width: 50%;">
                <label style="width: 80px;">参考标准</label>
                <el-select v-model="tape.value" placeholder="请选择" size="small" style="width: 100%;">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </div>
            </div>
            <el-table ref="table3" :data="tableData" tooltip-effect="dark" style="width: 100%" height="270px"
              size="small" @selection-change="handleSelectionChange">
              <el-table-column type="selection" width="55">
              </el-table-column>
              <el-table-column label="管套色标" show-overflow-tooltip>
                <template slot-scope="scope">{{ scope.row.date }}</template>
              </el-table-column>
              <el-table-column prop="name" label="光纤色标" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="光纤规格" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="address" label="参考标准" show-overflow-tooltip>
              </el-table-column>
            </el-table>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
  <div class="center">
    <el-row :gutter="10" style="margin-bottom: 10px;">
      <el-col :span="9">
        <div class="grid-content">
          <h4>套餐</h4>
          <div style="display: flex;align-items: center;justify-content: space-between;padding: 0 12px;box-sizing: border-box;">
            <div class="search-item">
              <label style="width: 70px;">样品型号</label>
              <span style="font-size: 14px;">GYTA53</span>
            </div>
            <el-radio-group v-model="packageInfo.radio" size="small">
              <el-radio :label="0">全检</el-radio>
              <el-radio :label="1">抽检</el-radio>
            </el-radio-group>
          </div>
          <div class="search-item" style="margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;">
            <label style="width: 70px;">样品编号</label>
            <el-input v-model="packageInfo.input" placeholder="请输入" size="small"></el-input>
          </div>
          <div style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;">
            <div class="search-item" style="margin-right: 10px;">
              <label>套管数目</label>
              <el-input v-model="packageInfo.input" placeholder="请输入" size="small"></el-input>
            </div>
            <div class="search-item" style="margin-right: 10px;">
              <label style="width: 70px;">标准量</label>
              <el-input v-model="packageInfo.input" placeholder="请输入" size="small"></el-input>
            </div>
            <div class="search-item">
              <label style="width: 70px;">检测量</label>
              <el-input v-model="packageInfo.input" placeholder="请输入" size="small"></el-input>
            </div>
          </div>
          <el-table
            ref="table0"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            height="150px"
            size="small"
            @selection-change="handleSelectionChange">
            <el-table-column
              type="selection"
              width="55">
            </el-table-column>
            <el-table-column
              label="管色标"
              show-overflow-tooltip>
              <template slot-scope="scope">{{ scope.row.date }}</template>
            </el-table-column>
            <el-table-column
              prop="name"
              label="标量"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="测试量"
              show-overflow-tooltip>
            </el-table-column>
          </el-table>
        </div>
      </el-col>
      <el-col :span="15">
        <div class="grid-content">
          <h4>检测项信息</h4>
          <el-table
            ref="table1"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            height="274px"
            size="small"
            @selection-change="handleSelectionChange">
            <el-table-column
              type="selection"
              width="55">
            </el-table-column>
            <el-table-column
              label="实验室"
              show-overflow-tooltip>
              <template slot-scope="scope">{{ scope.row.date }}</template>
            </el-table-column>
            <el-table-column
              prop="name"
              label="检测项目"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="试验方法"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="单价"
              width="70"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="单位"
              width="70"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="预计时间"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="检测标准"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="检测要求"
              show-overflow-tooltip>
            </el-table-column>
          </el-table>
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="10">
      <el-col :span="12">
        <div class="grid-content">
          <h4>光纤带</h4>
          <div class="btns">
            <el-button size="small" type="primary">生成光纤带</el-button>
            <el-button size="small" type="primary">保存光纤带项目</el-button>
          </div>
          <div style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;">
            <div class="search-item" style="width: 50%;margin-right: 16px;">
              <label style="width: 80px;">纤带类型</label>
              <el-select v-model="tape.value" placeholder="请选择" size="small" style="width: 100%;">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </div>
            <div class="search-item" style="width: 50%;">
              <label style="width: 80px;">参考标准</label>
              <el-select v-model="tape.value" placeholder="请选择" size="small" style="width: 100%;">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </div>
          </div>
          <el-table
            ref="table2"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            height="270px"
            size="small"
            @selection-change="handleSelectionChange">
            <el-table-column
              type="selection"
              width="55">
            </el-table-column>
            <el-table-column
              label="光纤带编号"
              show-overflow-tooltip>
              <template slot-scope="scope">{{ scope.row.date }}</template>
            </el-table-column>
            <el-table-column
              prop="name"
              label="光纤带规格"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="参考标准"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="光纤检测量"
              show-overflow-tooltip>
            </el-table-column>
          </el-table>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="grid-content">
          <h4>光纤</h4>
          <div class="btns">
            <el-button size="small" type="primary">光纤配色</el-button>
            <el-button size="small" type="primary">保存光纤项目</el-button>
          </div>
          <div style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;">
            <div class="search-item" style="width: 50%;margin-right: 16px;">
              <label style="width: 80px;">光纤类型</label>
              <el-select v-model="tape.value" placeholder="请选择" size="small" style="width: 100%;">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </div>
            <div class="search-item" style="width: 50%;">
              <label style="width: 80px;">参考标准</label>
              <el-select v-model="tape.value" placeholder="请选择" size="small" style="width: 100%;">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </div>
          </div>
          <el-table
            ref="table3"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            height="270px"
            size="small"
            @selection-change="handleSelectionChange">
            <el-table-column
              type="selection"
              width="55">
            </el-table-column>
            <el-table-column
              label="管套色标"
              show-overflow-tooltip>
              <template slot-scope="scope">{{ scope.row.date }}</template>
            </el-table-column>
            <el-table-column
              prop="name"
              label="光纤色标"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="光纤规格"
              show-overflow-tooltip>
            </el-table-column>
            <el-table-column
              prop="address"
              label="参考标准"
              show-overflow-tooltip>
            </el-table-column>
          </el-table>
        </div>
      </el-col>
    </el-row>
  </div>
</div>
</template>

<script>
export default {
  data(){
    return{
      saveLoad:false,
      packageInfo:{
        radio:1,
        input:''
      },
      tableData:[],
      tape:{
        value:''
      },
      options:[]
  export default {
    data() {
      return {
        saveLoad: false,
        packageInfo: {
          radio: 1,
          input: ''
        },
        tableData: [],
        tape: {
          value: ''
        },
        options: []
      }
    },
    methods: {
      save() {},
      handleSelectionChange(val) {}
    }
  },
  methods:{
    save(){},
    handleSelectionChange(val) {}
  }
}
</script>

<style scoped>
@@ -304,19 +205,27 @@
    overflow-x: hidden;
  }

  .ins_order_config::-webkit-scrollbar {
    width: 0;
  }

  .title {
    height: 60px;
    line-height: 60px;
  }
  .center{

  .center {
    width: 100%;
    height: calc(100% - 60px);
  }
  .grid-content{

  .grid-content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
  }
  .grid-content h4{

  .grid-content h5 {
    color: #3A7BFA;
    font-weight: 400;
    line-height: 32px;
@@ -324,21 +233,25 @@
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
  }
  .search-item{

  .search-item {
    display: flex;
    align-items: center;
    line-height: 36px;
  }
  .search-item label{

  .search-item label {
    width: 90px;
    font-size: 12px;
    color: #606266;
    /* text-align: right; */
  }
  .btns{

  .btns {
    margin: 8px 0 8px 10px;
  }
  >>>.el-table th.el-table__cell>.cell{

  >>>.el-table th.el-table__cell>.cell {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

 src/components/view/b1-inspection-order.vue

@@ -9,6 +9,7 @@
        height: 80px;
        display: flex;
        align-items: center;
    overflow: hidden;
    }

    .search_thing {
@@ -76,55 +77,78 @@
                <el-row class="title">
                    <el-col :span="12" style="padding-left: 20px;">检验下单</el-col>
                    <el-col :span="12" style="text-align: right;">
            <el-button size="medium" type="primary" @click="playOrder(4)">光纤配置</el-button>
                        <el-button size="medium" type="primary" @click="playOrder(1)" v-if="addPower">下单</el-button>
                    </el-col>
                </el-row>
            </div>
            <div class="search">
                <div class="search_thing">
                    <div class="search_label">委托编号：</div>
                    <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                            v-model="componentData.entity.entrustCode" @keyup.enter.native="refreshTable()"></el-input></div>
                </div>
                <div class="search_thing">
                    <div class="search_label">样品名称：</div>
                    <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                            v-model="componentData.entity.sampleType" @keyup.enter.native="refreshTable()"></el-input></div>
                </div>
        <div class="search_thing">
            <div class="search_label">样品型号：</div>
            <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                    v-model="componentData.entity.sampleModel" @keyup.enter.native="refreshTable()"></el-input></div>
        </div>
        <div class="search_thing">
                    <div class="search_label">样品编号：</div>
                    <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                            v-model="componentData.entity.sampleCode" @keyup.enter.native="refreshTable()"></el-input></div>
                </div>
        <div class="search_thing">
                    <div class="search_label">下单时间：</div>
                    <div class="search_input">
            <el-date-picker style="width:100%" v-model="componentData.entity.createTime"
            type="date"
            size="small"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd HH:mm:ss"
            clearable
            placeholder="选择日期">
            </el-date-picker>
          </div>
                </div>
                <div class="search_thing" style="padding-left: 30px;">
                    <el-button size="small" @click="refresh()">重 置</el-button>
                    <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
                </div>
            <div class="search" :style="`height: ${more?130:80}px;`">
        <el-row :gutter="10" style="width: 100%;">
          <el-col :span="20" style="display: flex;flex-wrap: wrap;">
            <div class="search_thing" style="width: 20%;">
              <div class="search_label">委托编号：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.entrustCode" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;">
              <div class="search_label">样品名称：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.sampleType" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;">
              <div class="search_label">样品型号：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.sampleModel" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;">
              <div class="search_label">样品编号：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.sampleCode" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;">
              <div class="search_label">下单时间：</div>
              <div class="search_input">
                <el-date-picker style="width:100%" v-model="componentData.entity.createTime"
                type="date"
                size="small"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd HH:mm:ss"
                clearable
                placeholder="选择日期">
                </el-date-picker>
              </div>
            </div>
            <div class="search_thing" style="width: 20%;" v-if="more">
              <div class="search_label">下单人：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.name" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;" v-if="more">
              <div class="search_label">工程名称：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.engineering" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;" v-if="more">
              <div class="search_label">生产单位：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.production" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="search_thing">
              <el-button type="text" :icon="!more?'el-icon-arrow-down':'el-icon-arrow-up'" style="color: #3A7BFA;" @click="more=!more">{{!more?'更多':'收起'}}</el-button>
              <el-button size="small" @click="refresh()">重 置</el-button>
              <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
            </div>
          </el-col>
        </el-row>
            </div>
            <div class="table">
                <ul class="tab">
                    <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li>
                </ul>
                <ValueTable ref="ValueTable" :url="$api.insOrder.selectInsOrderParameter" :componentData="componentData"
                    :key="'b'+upIndex" style="height: calc(100% - 44px)" />
                <ValueTable :style="getStyle()" ref="ValueTable" :url="$api.insOrder.selectInsOrderParameter" :componentData="componentData"
                    :key="'b'+upIndex"  />
            </div>
            <!-- 审核 -->
            <el-dialog title="下单审核" :visible.sync="verifyDialogVisible" width="30%" :before-close="handleClose">
@@ -204,7 +228,8 @@
            </el-dialog>
        </div>
        <div style="width: 100%;height: 100%;" v-if="active >0">
            <Add :active="active" :currentId="currentId" />
            <Add :active="active" :currentId="currentId" v-show="active<4" />
      <fiberOpticConfig :currentId="currentId" v-if="active==4" />
        </div>
    </div>
</template>
@@ -212,10 +237,12 @@
<script>
    import ValueTable from '../tool/value-table.vue'
    import Add from '../do/b1-ins-order/add.vue'
  import fiberOpticConfig from '../do/b1-ins-order/fiberoptic-config.vue'
    export default {
        components: {
            ValueTable,
            Add
            Add,
      fiberOpticConfig
        },
        data() {
            return {
@@ -246,6 +273,9 @@
            sampleModel: null,
            sampleCode: null,
                        state: 0,
            name:null,
            engineering:null,
            production:null,
                        orderBy: {
                            field: 'id',
                            order: 'asc'
@@ -426,8 +456,9 @@
                    },
                ],
                tabIndex: 0,
                active: 0, //1：下单，2：查看，3：审核
                active: 0, //1：下单，2：查看，3：审核，4：光纤配置,默认为0
                currentId: null,
        more:false,
        insOrderRow:{}
            }
        },
@@ -647,6 +678,9 @@
          this.componentData.tagField.orderType.select = res.data
        })
      },
      getStyle(){
        return 'height: calc(100% - '+(this.more?'94':'44')+'px)'
      }
        }
    }
</script>

 src/components/view/index-index.vue

@@ -313,7 +313,7 @@
              <img src="../../../static/img/index-1.svg" alt="">
            </div>
            <div class="mun">
              <p style="font-size: 20px;">{{ getNumberFourTypes.remainingToDo }}</p>
              <p style="font-size: 20px;">{{ getNumberFourTypes.totalNumberOfReadMessages }}</p>
              <p style="font-size: 14px;margin-bottom: 10px;">已办事宜</p>
            </div>
          </div>
@@ -322,7 +322,7 @@
              <img src="../../../static/img/index-2.svg" alt="">
            </div>
            <div class="mun">
              <p style="font-size: 20px;">{{ getNumberFourTypes.totalNumberOfReadMessages }}</p>
              <p style="font-size: 20px;">{{ getNumberFourTypes.remainingToDo }}</p>
              <p style="font-size: 14px;margin-bottom: 10px;">剩余待办</p>
            </div>
          </div>
@@ -467,7 +467,7 @@
        finishLoding: false, // 加载完成，显示已经没有更多了
        timer:null,
        keyMap:{},
        getNumberFourTypes: {}, 
        getNumberFourTypes: {},
            }
        },
    watch:{