消息通知样式优化

licp

2024-05-31 4bad62e4fd67ba8759f79263e4b08bf9ab6d64d0

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

@@ -92,7 +92,7 @@

<template>
  <div class="ins_order_add">
    <div>
    <div v-show="!configShow">
      <el-row class="title">
        <el-col :span="6" style="padding-left: 20px;">委托单信息</el-col>
        <el-col :span="18" style="text-align: right;">
@@ -107,6 +107,7 @@
          <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="openConfig">光纤配置</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"
@@ -119,7 +120,7 @@
        </el-col>
      </el-row>
    </div>
    <div class="search">
    <div class="search" v-show="!configShow">
      <el-row>
        <el-col class="search_thing" :span="6">
          <div class="search_label">委托编号：</div>
@@ -197,7 +198,9 @@
        <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" clearable v-model="addObj.formType" :readonly="active>1"></el-input>
            <el-select v-model="addObj.formType" size="small" :disabled="active>1" style="width: 100%;">
              <el-option v-for="(a,ai) in formType" :key="ai" :label="a.label" :value="a.value"></el-option>
            </el-select>
          </div>
        </el-col>
        <el-col class="search_thing" :span="6">
@@ -216,6 +219,30 @@
              <el-radio :label="0">委托单位取回</el-radio>
              <el-radio :label="1">实验室处理</el-radio>
            </el-radio-group>
          </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">
@@ -251,7 +278,7 @@
        </el-col>
      </el-row>
    </div>
    <div>
    <div v-show="!configShow">
      <el-table class="el-table sampleTable" ref="sampleTable" :data="sampleList" height="250px" tooltip-effect="dark"
        border @selection-change="selectSample" highlight-current-row @row-click="rowClick" style="margin-top: 10px;">
        <el-table-column type="selection" width="60" :selectable="selectable" v-if="active==1"></el-table-column>
@@ -270,7 +297,7 @@
        <el-table-column prop="model" label="样品型号" align="center" min-width="100">
          <template slot-scope="scope">
            <el-select v-model="scope.row.model" filterable allow-create default-first-option placeholder="样品型号"
              size="small" @change="handleChangeModel" :disabled="active>1" style="width: 100%;" disabled>
              size="small" @change="handleChangeModel" :disabled="active>1" style="width: 100%;">
              <el-option v-for="item in models" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
@@ -347,7 +374,8 @@
        <el-table-column prop="ask" label="要求值" min-width="220px">
          <template slot-scope="scope">
            <el-input size="small" placeholder="要求值" v-model="scope.row.ask" clearable type="textarea"
              :autosize="{ minRows: 1, maxRows: 3}" @change="e=>requestChange(e,scope.row)" :readonly="active>1"></el-input>
              :autosize="{ minRows: 1, maxRows: 3}" @change="e=>requestChange(e,scope.row)" v-if="active==1&&isAskOnlyRead"></el-input>
              <span v-else>{{ scope.row.ask }}</span>
          </template>
        </el-table-column>
      </el-table>
@@ -513,14 +541,17 @@
        </el-row>
      </span>
    </el-dialog>
    <fiberOpticConfig :currentId="currentId" v-if="configShow"/>
  </div>
</template>

<script>
  import ValueTable from '../../tool/value-table.vue'
  import fiberOpticConfig from './fiberoptic-config.vue'
  export default {
    components: {
      ValueTable
      ValueTable,
      fiberOpticConfig
    },
    props: {
      active: {
@@ -560,7 +591,12 @@
          isLeave: 0,
          orderType: null,
          send: 1,
          formType: '送检'
          formType: '送检',
          engineering: null,
          engineeringEn: null,
          production: null,
          productionEn: null,
          companyId: null
        },
        sample: {
          sampleCode: null,
@@ -634,7 +670,11 @@
        tell: '',
        noLoading: false,
        orderType: [],
        filters: []
        filters: [],
        formType: [],
        configShow: false,
        currentMethod: null,
        isAskOnlyRead:false
      }
    },
    watch: {
@@ -653,6 +693,7 @@
      this.selectStandardMethods()
      this.selectEnumByCategoryForOrderType()
      this.selectEnumByCategoryForSonLaboratory()
      this.selectEnumByCategoryForSampleForm()
      if (this.active != 1) {
        // 查看/审核流程
        // 请求接口，回显数据
@@ -667,6 +708,10 @@
          this.addObj.sampleNum = this.sampleList.length
          this.$nextTick(() => {
            this.$refs.sampleTable.doLayout()
            if(this.addObj.sampleNum>0){
              this.$refs.sampleTable.setCurrentRow(this.sampleList[0],true)
              this.rowClick(this.sampleList[0])
            }
          })
        })
      }
@@ -697,19 +742,14 @@
          this.$message.error('未选择数据')
          return
        }
        delete selects['orderBy']
        delete selects['updateUser']
        delete selects['updateTime']
        this.addObj.userId = selects.id
        this.addObj.company = selects.company
        this.addObj.custom = selects.name
        this.addObj.code = selects.code
        this.addObj.phone = selects.phone
        this.addObj.companyId = selects.id
        this.selectUserDia = false
      },
      save() {
        if (!this.addObj.custom) {
          this.$message.error('未选择下单客户')
        if (!this.addObj.companyId) {
          this.$message.error('未选择客户单位')
          return
        }
        if (!this.addObj.type) {
@@ -718,6 +758,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)) {
@@ -868,8 +916,8 @@
      },
      activeStandardTree() {
        let trees = this.selectTree.split(" - ")
        if (trees.length < 5) {
          this.$message.error('未选择型号')
        if (trees.length < 4) {
          this.$message.error('未选择产品')
          return
        }
        this.addObj.factory = trees[0]
@@ -1007,6 +1055,13 @@
        })
      },
      rowClick(row, column, event) {
        this.currentMethod = row
        let obj = this.methods.find(a=>a.id==this.currentMethod.standardMethodListId)
        if(obj&&obj.code=='委托要求'){
          this.isAskOnlyRead = true
        }else{
          this.isAskOnlyRead = false
        }
        this.productList = row.insProduct
        setTimeout(() => {
          this.productList.forEach(a => {
@@ -1122,12 +1177,30 @@
          }
        })
      },
      selectEnumByCategoryForSampleForm() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "来样方式"
        }).then(res => {
          this.formType = res.data
          if(this.formType.length > 0){
            this.addObj.formType = this.formType[0].value
          }
        })
      },
      methodChange(val, row) {
        if(val===null||val==='')return
        this.currentMethod = row
        let obj = this.methods.find(a=>a.id==this.currentMethod.standardMethodListId)
        if(obj&&obj.code=='委托要求'){
          this.isAskOnlyRead = true
        }else{
          this.isAskOnlyRead = false
        }
        this.getProductLoad = true
        this.$axios.post(this.$api.standardTree.selectStandardProductList, {
          model: this.addObj.model + '-' + row.modelNum,
          standardMethodListId: val
          model: row.model + '-' + row.modelNum,
          standardMethodListId: val,
          factory: this.selectTree,
        }, {
          headers: {
            'Content-Type': 'application/json'
@@ -1262,6 +1335,13 @@
      filterHandler(value, row, column) {
        const property = column['property'];
        return row[property] === value;
      },
      openConfig(){
        if(this.sampleIds.length===0){
          this.$message.error("未选择样品")
          return
        }
        this.configShow = true
      }
    }
  }