消息通知样式优化

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>
@@ -221,6 +222,30 @@
          </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">
          <div class="search_label">是否留样：</div>
          <div class="search_input">
            <el-radio-group v-model="addObj.isLeave">
@@ -253,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>
@@ -348,8 +373,9 @@
        <el-table-column prop="section" label="区间" width="120" show-overflow-tooltip></el-table-column>
        <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" readonly
              :autosize="{ minRows: 1, maxRows: 3}" @change="e=>requestChange(e,scope.row)" :readonly="active>1"></el-input>
            <el-input size="small" placeholder="要求值" v-model="scope.row.ask" clearable type="textarea"
              :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>
@@ -515,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: {
@@ -562,7 +591,12 @@
          isLeave: 0,
          orderType: null,
          send: 1,
          formType: '送检'
          formType: '送检',
          engineering: null,
          engineeringEn: null,
          production: null,
          productionEn: null,
          companyId: null
        },
        sample: {
          sampleCode: null,
@@ -637,7 +671,10 @@
        noLoading: false,
        orderType: [],
        filters: [],
        formType: []
        formType: [],
        configShow: false,
        currentMethod: null,
        isAskOnlyRead:false
      }
    },
    watch: {
@@ -705,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) {
@@ -726,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)) {
@@ -1015,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 => {
@@ -1142,6 +1189,13 @@
      },
      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: row.model + '-' + row.modelNum,
@@ -1281,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
      }
    }
  }