| | |
| | | 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; |
| | |
| | | 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> |
| | |
| | | </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> |
| | |
| | | <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> 我的任务</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"> |
| | |
| | | </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> |
| | |
| | | |
| | | <script> |
| | | import ValueTable from '../tool/value-table.vue' |
| | | import { getYearAndMonthAndDays } from '../../util/date' |
| | | import { |
| | | getYearAndMonthAndDays |
| | | } from '../../util/date' |
| | | export default { |
| | | components:{ |
| | | ValueTable |
| | |
| | | font: '认领', |
| | | type: 'text', |
| | | method: 'claimFun', |
| | | disabFun: (row,index)=>{return row.sampleUserId!=null} |
| | | }], |
| | | disabFun: (row, index) => { |
| | | return row.sampleUserId != null |
| | | } |
| | | } |
| | | ], |
| | | tagField: { |
| | | type:{ |
| | | select:[] |
| | |
| | | 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' |
| | |
| | | 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 |
| | | }) |