功能调整

李林

2024-03-18 2281a3da368d9366e7d97e85719fe0f4a0492f9b

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

@@ -3,34 +3,39 @@
  font-size:20px;
  color:#3A7BFA
}

.ins-order-plan-main .search{
  width: 100%;
  margin-bottom: 10px;
  height: 10vh;
      height: 80px;
  background-color: #fff;
  border-radius: 3px;
}

.search .form-inline{
  height: 5vh;
  padding-top:2.5vh;
  padding-left: 1%;
      height: 50px;
      padding-top: 20px;
      padding-left: 50px;
}

.ins-order-plan-main .center{
  width: 100%;
  height: 70vh;
      width: calc(100% - 40px);
      height: calc(100% - 60px - 80px - 40px);
  background-color: #fff;
  border-radius: 3px;
      padding: 20px;
}

.ins-order-plan-main .center .value-table{
  width:98%;
  height: 80%;
  margin-left:1%;
      width: 100%;
      height: calc(100% - 68px);
}

.tab {
  list-style-type: none;
  display: flex;
  padding: 10px 0px;
}

.tab li {
  line-height: 24px;
  padding: 6px 14px;
@@ -52,21 +57,27 @@
  border-color: #3A7BFA;
  color: #3A7BFA;
}
.center .center-options:nth-child(1){
  padding-left: 1%;
}

.center .center-options .center-title {
  width:85%;
  padding-top: 20px;
  text-align: left;
      width: 100%;
      text-align: right;
      display: flex;
      align-items: center;
}

.center .center-options .center-title span:last-child{
  color: #3A7BFA;
  font-size: 23px;
  font-weight: 400;
}

.view-self-checkbox{
margin-left: 20px;
      margin-left: 50px;
   }
</style>
<style>
   .ins-order-plan-main .el-form-item__label{
      color: #000;
}
</style>
<template>
@@ -79,8 +90,8 @@
        </el-form-item>
        <el-form-item label="状态:">
          <el-select clearable size="small" v-model="searchForm.state" placeholder="请选择">
            <el-option v-for="(item,index) in insStateList" :key="index"
            :label="item.label" :value="item.value"></el-option>
                  <el-option v-for="(item,index) in insStateList" :key="index" :label="item.label"
                     :value="item.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
@@ -93,11 +104,15 @@
      <div class="center-options">
        <el-row>
          <el-col :span="21">
            <div style="display: flex;align-items: center;">
                  <div style="display: flex;align-items: center;margin-bottom: 10px;">
              <ul class="tab">
                <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li>
                        <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}
                        </li>
              </ul>
              <el-checkbox @change="changeCheckBox" class="view-self-checkbox" v-model="viewSelf"/><span>&nbsp;我的任务</span>
                     <div>
                        <el-checkbox @change="changeCheckBox" class="view-self-checkbox"
                           v-model="viewSelf"><span>我的任务</span></el-checkbox>
                     </div>
            </div>
          </el-col>
          <el-col :span="3">
@@ -108,12 +123,11 @@
          </el-col>
        </el-row>
      </div>
      <ValueTable :tableRowClassName="changeRowClass" class="value-table" ref="insOrderPlan" :url="$api.insOrderPlan.selectInsOrderPlanList" :upUrl="$api.user.updateUser" :componentData="componentData" :key="upIndex" @upUser="upUser"/>
         <ValueTable :tableRowClassName="changeRowClass" class="value-table" ref="insOrderPlan"
            :url="$api.insOrderPlan.selectInsOrderPlanList" :upUrl="$api.user.updateUser" :componentData="componentData"
            :key="upIndex" @upUser="upUser" />
    </div>
    <el-dialog
      title="提示"
      :visible.sync="claimVisible"
      width="40%">
      <el-dialog title="提示" :visible.sync="claimVisible" width="40%">
      是否认领委托编号<span style="color:#33C130">{{sampleUserForm.entrustCode}}</span>的任务
      <span slot="footer" class="dialog-footer">
        <el-button @click="claimVisible = false">取 消</el-button>
@@ -125,7 +139,9 @@

<script>
import ValueTable from '../tool/value-table.vue'
import { getYearAndMonthAndDays } from '../../util/date'
   import {
      getYearAndMonthAndDays
   } from '../../util/date'
export default {
  components:{
    ValueTable
@@ -183,8 +199,11 @@
                  font: '认领',
                  type: 'text',
                  method: 'claimFun',
            disabFun: (row,index)=>{return row.sampleUserId!=null}
               }],
                     disabFun: (row, index) => {
                        return row.sampleUserId != null
                     }
                  }
               ],
               tagField: {
            type:{
              select:[]
@@ -259,7 +278,10 @@
    refreshTable() {
      this.$refs.insOrderPlan.selectList()
    },
    changeRowClass({row,rowIndex}){
         changeRowClass({
            row,
            rowIndex
         }) {
      let currentTime = getYearAndMonthAndDays()
      if(row.sendTime && currentTime===row.sendTime){
        return 'highlight-warning-row-border'
@@ -329,7 +351,12 @@
      this.$axios.post(this.$api.enums.selectEnumByCategory, {
        category: "子实验室"
      }).then(res => {
        this.tabList = res.data.map(ele=>{return {label:ele.label,value:ele.value}})
               this.tabList = res.data.map(ele => {
                  return {
                     label: ele.label,
                     value: ele.value
                  }
               })
        this.$nextTick(()=>{
          this.componentData.entity.childrenLaboratory = this.tabList[0].value
        })