更新代码

licp

2024-08-20 6f30bbf4f118d3357d1e6e503aa986227e2cc6ea

 src/components/do/a6-device/calibration.vue

@@ -1,13 +1,300 @@
<template>
  <div>设备校准</div>
  <div>
    <div class="search">
      <div class="search_thing">
        <el-button size="small" type="primary" @click="dialogVisible0=true">校准项目维护</el-button>
      </div>
      <div class="btns">
        <el-button size="small" type="primary">添加校准记录</el-button>
        <el-button size="small" type="primary">导出</el-button>
      </div>
    </div>
    <div class="tables" style="margin-top: 16px;">
      <ValueTable ref="ValueTable"
            :url="$api.auxiliaryWorkingHoursDay.selectAuxiliaryWorkingHoursDay"
            :delUrl="$api.auxiliaryWorkingHoursDay.deleteAuxiliaryWorkingHoursDay" :componentData="componentData" :key="upIndex"/>
    </div>
    <el-dialog
      title="校准项目维护"
      :visible.sync="dialogVisible0"
      width="60%"
      style="max-height: 80vh;margin-top: 10vh;"
      :close-on-click-modal="false"
      :close-on-press-escape="false">
      <h4>
        <div style="display: flex;
  align-items: center;"><span class="line"></span><span>设备校准参数维护</span></div>
        <el-button type="primary" size="small" @click="addCalibrate">添 加</el-button>
      </h4>
      <div class="search">
        <div class="search_thing">
          <div class="search_label">计量参数：</div>
          <div class="search_input"><el-input size="small" placeholder="请输入" clearable
              v-model="form0.value"></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="form0.value"></el-input></div>
        </div>
        <div class="search_thing">
          <div class="search_label" style="width: 100px;">最大允许误差：</div>
          <div class="search_input"><el-input size="small" placeholder="请输入" clearable
              v-model="form0.value"></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="form0.value"></el-input></div>
        </div>
      </div>
      <h4>
        <div style="display: flex;
  align-items: center;"><span class="line"></span><span>设备校准参数</span></div>
      </h4>
      <ValueTable ref="ValueTable0"
            :url="$api.auxiliaryWorkingHoursDay.selectAuxiliaryWorkingHoursDay"
            :delUrl="$api.auxiliaryWorkingHoursDay.deleteAuxiliaryWorkingHoursDay" :componentData="componentData0" :key="upIndex0"/>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible0 = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible0 = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import ValueTable from '../../tool/value-table.vue'
export default {

  components: {
    ValueTable
  },
  data(){
    return {
      componentData: {
        entity: {
          week: null,
          weekDay: null,
          dateTime: null,
          name:null,
          orderBy: {
            field: 'id',
            order: 'desc'
          }
        },
        isIndex: true,
        showSelect: false,
        select: false,
        do: [{
          id: 'handleLook',
          font: '查看详情',
          type: 'text',
          method: 'handleLook'
        }],
        tagField: {
          shift:{
            select:[]
          },
          state:{
            select:[
              {
                label:'已提交',
                value:'已提交',
                type:'primary'
              },
              {
                label:'已审核',
                value:'已审核',
                type:'warning'
              },
              {
                label:'已批准',
                value:'已批准',
                type:'success'
              },
            ]
          },
          weekDay:{
            select:[]
          }
        },
        linkEvent: {},
        selectField: {
          shift:{
            select:[]
          },
          state:{
            select:[
              {
                label:'已提交',
                value:'已提交',
                type:'primary'
              },
              {
                label:'已审核',
                value:'已审核',
                type:'warning'
              },
              {
                label:'已批准',
                value:'已批准',
                type:'success'
              },
            ]
          },
          weekDay:{
            select:[]
          }
        },
        requiredAdd: [],
        requiredUp: []
         },
      upIndex:0,
      componentData0: {
        entity: {
          week: null,
          weekDay: null,
          dateTime: null,
          name:null,
          orderBy: {
            field: 'id',
            order: 'desc'
          }
        },
        isIndex: true,
        showSelect: false,
        select: false,
        isPage:false,
        do: [{
          id: 'delete',
          font: '删除',
          type: 'text',
          method: 'doDiy',
        }],
        tagField: {
          shift:{
            select:[]
          },
          state:{
            select:[
              {
                label:'已提交',
                value:'已提交',
                type:'primary'
              },
              {
                label:'已审核',
                value:'已审核',
                type:'warning'
              },
              {
                label:'已批准',
                value:'已批准',
                type:'success'
              },
            ]
          },
          weekDay:{
            select:[]
          }
        },
        linkEvent: {},
        selectField: {
          shift:{
            select:[]
          },
          state:{
            select:[
              {
                label:'已提交',
                value:'已提交',
                type:'primary'
              },
              {
                label:'已审核',
                value:'已审核',
                type:'warning'
              },
              {
                label:'已批准',
                value:'已批准',
                type:'success'
              },
            ]
          },
          weekDay:{
            select:[]
          }
        },
        requiredAdd: [],
        requiredUp: []
         },
      upIndex0:0,
      dialogVisible0:false,
      form0:{
        value:''
      }
    }
  },
  methods:{
    addCalibrate(){
      if(!this.form0.value){
        this.$message.error('请输入计量参数')
        return
      }
      // 保存
      // 更新列表
    }
  }
}
</script>

<style scoped>
.tables{
  width: calc(100vw - 390px);
  height: calc(100vh - 230px);
}
.search {
  background-color: #fff;
  height: 40px;
  display: flex;
  align-items: center;
  position: relative;
}

.search_thing {
  display: flex;
  align-items: center;
  height: 40px;
}

.search_label {
  width: 70px;
  font-size: 14px;
  text-align: right;
}

.search_input {
  width: calc(100% - 110px);
}
.btns{
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0,-50%);
}
h4{
  font-weight: 400;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
h4 .line{
  display: inline-block;
  width: 3px;
  height: 16px;
  background: #3A7BFA;
  margin-right: 4px;
}
</style>