| | |
| | | <div v-show="!cableConfigShow&&!auxiliaryShow" class="order-header"> |
| | | <span class="order-header__title">委托单信息</span> |
| | | <div class="order-header__actions"> |
| | | <!-- <el-cascader--> |
| | | <!-- v-model="addObj.quarterItemId"--> |
| | | <!-- :disabled="active>1"--> |
| | | <!-- :options="quarterItemOptions"--> |
| | | <!-- placeholder="请选择季度"--> |
| | | <!-- size="small"--> |
| | | <!-- class="order-header__quarter"--> |
| | | <!-- @focus="getQuarterOnOrderList"></el-cascader>--> |
| | | <el-cascader |
| | | v-model="addObj.quarterItemId" |
| | | :disabled="active>1" |
| | | :options="quarterItemOptions" |
| | | placeholder="请选择季度" |
| | | size="small" |
| | | class="order-header__quarter" |
| | | @focus="getQuarterOnOrderList"></el-cascader> |
| | | <el-select v-show="active==1" v-model="template" placeholder="下单模板" size="small" |
| | | class="order-header__template" |
| | | @change="selectInsOrderTemplateById"> |
| | |
| | | </div> |
| | | <div v-show="!cableConfigShow&&!auxiliaryShow" class="order-body"> |
| | | <el-card shadow="never" class="order-card"> |
| | | <el-form ref="newJuOrder" :model="addObj" size="small" label-width="108px" label-position="right"> |
| | | <el-form ref="newJuOrder" class="newju-order-form" :model="addObj" size="small" label-width="108px" label-position="right"> |
| | | <el-row :gutter="16"> |
| | | <el-col :span="6"><el-form-item label="检测依据"><el-input v-model="addObj.sample" disabled size="small"><template slot="append"><el-button :disabled="active>1" icon="el-icon-search" @click="selectStandardTree = true" /></template></el-input></el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="检测依据"><el-input v-model="addObj.sample" disabled size="small"><template slot="append"><el-button :disabled="active>1" icon="el-icon-search" size="small" @click="selectStandardTree = true" /></template></el-input></el-form-item></el-col> |
| | | <el-col :span="18"> |
| | | <el-form-item label="原始记录模板"> |
| | | <div v-loading="templateBindingLoading" class="template-tag-list"> |
| | |
| | | <el-row :gutter="16"> |
| | | <el-col :span="6"><el-form-item label="样品名称"><el-input v-model="addObj.sampleView" :disabled="active>1" size="small" /></el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="生产单位"><el-input v-model="addObj.production" :disabled="active>1" size="small" /></el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="委托单位"><el-input v-model="addObj.company" disabled size="small"><template slot="append"><el-button :disabled="active>1" icon="el-icon-search" @click="openCompanyList" /></template></el-input></el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="委托单位"><el-input v-model="addObj.company" disabled size="small"><template slot="append"><el-button :disabled="active>1" icon="el-icon-search" size="small" @click="openCompanyList" /></template></el-input></el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="检验类别"><el-select v-model="addObj.orderType" :disabled="active>1" size="small"><el-option v-for="item in dict.type.check_type1" :key="item.value" :label="item.label" :value="item.value" /></el-select></el-form-item></el-col> |
| | | </el-row> |
| | | <el-row :gutter="16"> |
| | |
| | | }; |
| | | this.addObj.type = String(this.addObj.type) |
| | | const samples = this.HaveJson(res.data.sampleProduct) |
| | | this.sampleCode = samples.length ? samples[0].sampleCode || '' : '' |
| | | this.sampleCode = res.data.sampleCode || (samples.length ? samples[0].sampleCode || '' : '') |
| | | this.boundTemplateList = this.sortTemplateList(res.data.templateList) |
| | | const loadSamples = this.canSelectProduct |
| | | ? Promise.all(samples.map(sample => this.loadSelectableProducts(sample))) |
| | |
| | | flex-wrap: wrap; |
| | | gap: 8px; |
| | | } |
| | | .newju-order-form >>> .el-form-item { |
| | | display: flex; |
| | | margin-right: 0; |
| | | } |
| | | .newju-order-form >>> .el-form-item__label { |
| | | flex: 0 0 108px; |
| | | } |
| | | .newju-order-form >>> .el-form-item__content { |
| | | flex: 1; |
| | | min-width: 0; |
| | | margin-left: 0 !important; |
| | | } |
| | | .newju-order-form >>> .el-input, |
| | | .newju-order-form >>> .el-select, |
| | | .newju-order-form >>> .el-date-editor { |
| | | width: 100%; |
| | | } |
| | | .empty-template-text { |
| | | color: #909399; |
| | | } |