| | |
| | | height: calc(100% - 60px - 80px - 10px - 40px); |
| | | padding: 20px; |
| | | } |
| | | |
| | | .tab{ |
| | | list-style-type: none; |
| | | display: flex; |
| | | margin-bottom: 12px; |
| | | } |
| | | |
| | | .tab li{ |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | |
| | | border: 1px solid #EEEEEE; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .tab li:nth-child(1){ |
| | | border-radius: 8px 0 0 8px; |
| | | } |
| | | |
| | | .tab li:nth-child(4){ |
| | | border-radius: 0 8px 8px 0; |
| | | } |
| | | |
| | | .tab li.active{ |
| | | border-color: #3A7BFA; |
| | | color: #3A7BFA; |
| | |
| | | <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li> |
| | | </ul> |
| | | <!-- 语法 子组件通过 this.$emit +传入方法名 调用父组件方法 例如 this.$emit(selectAllByOne) 就需在父组件声明并传入 @selectAllByOne="selectAllByOne"--> |
| | | <ValueTable |
| | | ref="ValueTable" |
| | | :url="$api.deviceScope.selectDeviceParameter" |
| | | :componentData="componentData" |
| | | :key="upIndex" |
| | | style="height: calc(100% - 44px)" |
| | | @selectAllByOne="selectAllByOne" |
| | | @handleDataLook="handleDataLook" |
| | | @download="download" |
| | | @handleVerify="handleVerify" |
| | | @handlEquash="handlEquash" |
| | | <ValueTable ref="ValueTable" :url="$api.deviceScope.selectDeviceParameter" :componentData="componentData" |
| | | :key="upIndex" style="height: calc(100% - 44px)" @selectAllByOne="selectAllByOne" |
| | | @handleDataLook="handleDataLook" @download="download" @handleVerify="handleVerify" @handlEquash="handlEquash" |
| | | @handleIssued="handleIssued" /> |
| | | </div> |
| | | <!-- 审核 --> |
| | | <el-dialog |
| | | title="下单审核" |
| | | :visible.sync="verifyDialogVisible" |
| | | width="30%" |
| | | :before-close="handleClose"> |
| | | <p style="font-size:16px;color:#333333" v-if="!isPass">委托编号<span style="color:#34BD66">ZTMS2023071001</span>的信息是否通过</p> |
| | | <el-dialog title="下单审核" :visible.sync="verifyDialogVisible" width="30%" :before-close="handleClose"> |
| | | <p style="font-size:16px;color:#333333" v-if="!isPass">委托编号<span |
| | | style="color:#34BD66">ZTMS2023071001</span>的信息是否通过</p> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else> |
| | | <el-form-item label="请输入样品库位号:" > |
| | | <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input> |
| | |
| | | </span> |
| | | </el-dialog> |
| | | <!-- 撤销 --> |
| | | <el-dialog |
| | | title="下单撤销" |
| | | :visible.sync="quashDialogVisible" |
| | | width="30%" |
| | | :before-close="handleClose"> |
| | | <p style="font-size:16px;color:#333333" v-if="!isQuash">委托编号<span style="color:#34BD66">ZTMS2023071001</span>的信息是否撤销</p> |
| | | <el-dialog title="下单撤销" :visible.sync="quashDialogVisible" width="30%" :before-close="handleClose"> |
| | | <p style="font-size:16px;color:#333333" v-if="!isQuash">委托编号<span |
| | | style="color:#34BD66">ZTMS2023071001</span>的信息是否撤销</p> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else> |
| | | <el-form-item label="请输入撤销原因:" > |
| | | <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input> |
| | |
| | | </span> |
| | | </el-dialog> |
| | | <!-- 下发 --> |
| | | <el-dialog |
| | | title="检验下发" |
| | | :visible.sync="issuedDialogVisible" |
| | | width="30%" |
| | | :before-close="handleClose"> |
| | | <el-dialog title="检验下发" :visible.sync="issuedDialogVisible" width="30%" :before-close="handleClose"> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm"> |
| | | <el-form-item label="约定时间:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | | v-model="formData.downTime" |
| | | type="date" |
| | | size="small" |
| | | placeholder="选择时间"> |
| | | <el-date-picker style="width:100%" format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="formData.downTime" |
| | | type="date" size="small" placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="指派人员:" > |
| | | <el-select v-model="formData.equipmentManager" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option |
| | | v-for="item in personList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | <el-dialog |
| | | title="数据查看" |
| | | :visible.sync="dataDialogVisible" |
| | | width="70%" |
| | | :before-close="handleClose"> |
| | | <ValueTable |
| | | ref="ValueTableDataLook" |
| | | :url="$api.deviceScope.selectDeviceParameter" |
| | | :componentData="componentDataDataLook" |
| | | :key="upIndex" style="height: calc(100% - 44px)" /> |
| | | <el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="70%" :before-close="handleClose"> |
| | | <div style="height: 70vh;overflow-y: auto;"> |
| | | <ValueTable ref="ValueTableDataLook" :url="$api.deviceScope.selectDeviceParameter" |
| | | :componentData="componentDataDataLook" :key="upIndex" /> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | showSelect: false, |
| | | select: false, |
| | | do: [{ |
| | | id: 'details', |
| | | font: '详情', |
| | | type: 'text', |
| | | method: 'selectAllByOne' |
| | | }, { |
| | | id: 'dataLook', |
| | | font: '数据查看', |
| | | type: 'text', |
| | |
| | | }] |
| | | } |
| | | }, |
| | | linkEvent:{ |
| | | deviceName:{ |
| | | id: 'details', |
| | | method:'selectAllByOne', |
| | | } |
| | | }, |
| | | selectField: {}, |
| | | requiredAdd:['largeCategory','subclass','deviceName','internalCode','specificationModel','manufacturer'], |
| | | requiredUp:['largeCategory','subclass','deviceName','internalCode','specificationModel','manufacturer'] |
| | |
| | | upIndex: 0, |
| | | addPower: true, |
| | | upLoad:false, |
| | | tabList:[ |
| | | { |
| | | tabList: [{ |
| | | label:'检验处理', |
| | | value:0 |
| | | }, |