| | |
| | | <template> |
| | | <zt-dialog ref="dialog" column="2" @confirm="formSubmit"> |
| | | <el-form :model="dataForm" ref="dataForm" :disabled="dataForm.disabled" label-width="120px"> |
| | | <zt-form-item label="项目ID" prop="projectId" rules="required"> |
| | | <el-input v-model="dataForm.projectId"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品流转单编号" prop="code" rules="required"> |
| | | <el-input v-model="dataForm.code"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品其他要求" prop="itemRequire" rules="required"> |
| | | <el-input v-model="dataForm.itemRequire"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品其他要求的其他" prop="itemOther" rules="required"> |
| | | <el-input v-model="dataForm.itemOther"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品接收人" prop="itemAccept" rules="required"> |
| | | <el-input v-model="dataForm.itemAccept"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品接收时间" prop="acceptDate" rules="required"> |
| | | <el-input v-model="dataForm.acceptDate"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品接收情况说明" prop="acceptSituation" rules="required"> |
| | | <el-input v-model="dataForm.acceptSituation"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="校准检测人" prop="calibratDetect" rules="required"> |
| | | <el-input v-model="dataForm.calibratDetect"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="校准检测时间" prop="detectDate" rules="required"> |
| | | <el-input v-model="dataForm.detectDate"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="校准检测情况说明" prop="detectSituation" rules="required"> |
| | | <el-input v-model="dataForm.detectSituation"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品入库人" prop="warehouse" rules="required"> |
| | | <el-input v-model="dataForm.warehouse"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品入库时间" prop="warehouseDate" rules="required"> |
| | | <el-input v-model="dataForm.warehouseDate"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品入库情况" prop="warehouseSituation" rules="required"> |
| | | <el-input v-model="dataForm.warehouseSituation"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品发放人" prop="itemIssue" rules="required"> |
| | | <el-input v-model="dataForm.itemIssue"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品发放时间" prop="issueDate" rules="required"> |
| | | <el-input v-model="dataForm.issueDate"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="物品发放情况说明" prop="issueSituation" rules="required"> |
| | | <el-input v-model="dataForm.issueSituation"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="备注" prop="remark" rules="required"> |
| | | <el-input v-model="dataForm.remark"></el-input> |
| | | </zt-form-item> |
| | | <zt-form-item label="年份" prop="year" rules="required"> |
| | | <el-input v-model="dataForm.year"></el-input> |
| | | </zt-form-item> |
| | | <el-form :model="dataForm" :inline="true" ref="dataForm" style="padding-top: 0" :disabled="dataForm.disabled" label-width="120px" class="circulationFormAuto"> |
| | | <div class=""> |
| | | <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: -5px"> |
| | | <span>{{dataForm.environ.code}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div style="border: 1px solid rgba(0,0,0,.2);width: 99%" > |
| | | <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="circulationContentWidth"> |
| | | <el-form-item class="marginTopAndMarginBottom" label="专业实验室" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="专业实验室"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom" label="任务编号" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.site" placeholder="任务编号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom" label="物品名称" style="width: 32%"> |
| | | <el-input v-model="dataForm.project.softwareName" placeholder="物品名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom3" label="型号" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="型号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom3" label="物品编号" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.site" placeholder="物品编号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom3" label="数 量" style="width: 32%"> |
| | | <el-input v-model="dataForm.project.softwareName" placeholder="数量"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div style="border-bottom: 1px solid rgba(0,0,0,.2);"> |
| | | <div style="padding-left:5px;padding-right:5px;"> |
| | | <div style="padding: 5px">物品技术资料及数量:</div> |
| | | <div class="table-container"> |
| | | <el-table ref="tableSoftwareList" class="el-software el-margin-top-bot" border :data="dataForm.softwareResourcesList" |
| | | stripe> |
| | | <el-table-column prop="no" align="center" width="80" label="序号"> |
| | | <template slot-scope="scope"> |
| | | <span v-html="indexFormat(scope.$index)"></span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="name" min-width="300" label="软件项名称"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.itemName" placeholder="软件项名称/版本"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="versions" align="center" width="180" label="版本"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.version" placeholder="版本"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="purposes" align="center" width="180" label="用途"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.purposes" placeholder="用途"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="unit" label="提供单位" width="180" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.provideUnit" placeholder="提供单位"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- <div class="icon-container" @click="addSoftwareRow()">--> |
| | | <!-- <!– 放置固定的图标 –>--> |
| | | <!-- <i class="el-icon-plus"></i>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="el-flexCirculationDialog el-border-bottom"> |
| | | <div class="DHold"> |
| | | 物品的其它要求 |
| | | </div> |
| | | <div style="width: calc(100% - 120px);"> |
| | | <div class="el-border-left"> |
| | | <el-form-item label="物品是否需要返还" label-width="150px" style="width:100%;padding-left:5%;margin-bottom:0"> |
| | | <zt-dict v-model="dataForm.softwareTestOrder.otherRequire" :radio="true" |
| | | dict="is_or_not"></zt-dict> |
| | | </el-form-item> |
| | | <el-form-item label="物品的其他要求:" label-width="150px" style="width:100%;padding-left:5%;margin-bottom:0"> |
| | | <el-input v-model="dataForm.softwareTestOrder.requireOther"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="circulationContentWidth"> |
| | | <el-form-item class="marginTopAndMarginBottom" label="物品接收人" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="物品接收人"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom" label="时间" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.site" placeholder="时间"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom" label="情况说明" style="width: 32%"> |
| | | <el-input v-model="dataForm.project.softwareName" placeholder="情况说明"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom3" label="校准检测人" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="校准检测人"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom3" label="时间" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.site" placeholder="时间"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom3" label="情况说明" style="width: 32%"> |
| | | <el-input v-model="dataForm.project.softwareName" placeholder="情况说明"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="物品入库人" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="物品入库人"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="时间" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.site" placeholder="时间"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="情况说明" style="width: 32%"> |
| | | <el-input v-model="dataForm.project.softwareName" placeholder="情况说明"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="物品发放人" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="物品发放人"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="时间" style="width: 32%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.site" placeholder="时间"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="情况说明" style="width: 32%"> |
| | | <el-input v-model="dataForm.project.softwareName" placeholder="情况说明"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2 lastChild" label="备注" style="width: 100%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="备注"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | | </zt-dialog> |
| | | </template> |
| | |
| | | return { |
| | | dataForm: { |
| | | id: '', |
| | | projectId: '', |
| | | code: '', |
| | | itemRequire: '', |
| | | itemOther: '', |
| | | itemAccept: '', |
| | | acceptDate: '', |
| | | acceptSituation: '', |
| | | calibratDetect: '', |
| | | detectDate: '', |
| | | detectSituation: '', |
| | | warehouse: '', |
| | | warehouseDate: '', |
| | | warehouseSituation: '', |
| | | itemIssue: '', |
| | | issueDate: '', |
| | | issueSituation: '', |
| | | remark: '', |
| | | year: '' |
| | | url:'', |
| | | environ:{ |
| | | code: '1', |
| | | hardSoftwareRes: '', |
| | | testEnvirontDiagram: '', |
| | | establishStaff:'', |
| | | establishDate:'', |
| | | environAnalysis: '', |
| | | environEstablish: '', |
| | | environConfirmat: '', |
| | | confirmatStaff: '', |
| | | confirmatDate: '', |
| | | isVirusScan: '', |
| | | virusDatabaseVersion: '', |
| | | }, |
| | | project: { |
| | | softwareIdentity: '', |
| | | softwareName: '', |
| | | }, |
| | | testAgencyInfo: { |
| | | agencyName:'', |
| | | site:'', |
| | | }, |
| | | softwareTestOrder:{ |
| | | requireOther:'', |
| | | }, |
| | | softwareResourcesList:[], |
| | | hardwareResourcesList:[], |
| | | environAnalysisList:[] |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | init(id,row){ |
| | | this.dataForm.id = row.id |
| | | this.dataForm.projectId = row.projectId |
| | | // this.dataForm.disabled |
| | | this.getInfo() |
| | | console.log(this.dataForm.id,this.dataForm.projectId,'params params') |
| | | }, |
| | | // 获取信息 |
| | | async getInfo() { |
| | | let res = await this.$http.get(`/itemCirculatOrder/ItemCirculatOrder/${this.dataForm.id}`) |
| | |
| | | } |
| | | } |
| | | </script> |
| | | <style> |
| | | .el-flexCirculationDialog{ |
| | | display: flex; |
| | | align-items: center |
| | | } |
| | | .circulationContentWidth > .el-form-item > .el-form-item__content { |
| | | width: calc(100% - 120px); |
| | | } |
| | | .circulationContentWidth > .el-form-item.lastChild > .el-form-item__content { |
| | | width: calc(100% - 142px); |
| | | } |
| | | .circulationFormAuto .marginTopAndMarginBottom { |
| | | margin-top: 10px !important; |
| | | margin-bottom: 0 !important; |
| | | } |
| | | |
| | | .circulationFormAuto .marginTopAndMarginBottom2 { |
| | | margin-top: -10px !important; |
| | | margin-bottom: 10px !important; |
| | | } |
| | | .circulationFormAuto .marginTopAndMarginBottom3 { |
| | | margin-top: 0 !important; |
| | | margin-bottom: 10px !important; |
| | | } |
| | | </style> |