| | |
| | | <el-tabs v-model="activeName" type="card"> |
| | | <!-- <el-tab-pane v-if="workType !== 1" label="详情" name="detail"> </el-tab-pane> --> |
| | | <el-tab-pane label="产品" name="first"> </el-tab-pane> |
| | | <el-tab-pane label="发货信息" name="two"></el-tab-pane> |
| | | </el-tabs> |
| | | <!-- 操作 --> |
| | | <div v-if="activeName === 'first'"> |
| | |
| | | </el-table-column> |
| | | </template> |
| | | </CommonFormTableView> |
| | | </div> |
| | | <!-- 发货信息 --> |
| | | <div v-if="activeName==='two'"> |
| | | <el-form label-position="left" label-width="80px" :model="shipmentsInfo"> |
| | | <el-form-item label="承运商" style="width: 50%;"> |
| | | <el-select :disabled="!showFooter" v-model="editConfig.infomation.logisticCompanyId" placeholder="请选择" style="width: 100%;"> |
| | | <el-option |
| | | v-for="item in shipmentsInfo.carrier" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="运单号" style="width: 50%;"> |
| | | <el-input :disabled="!showFooter" v-model="editConfig.infomation.waybillNumber"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="重量" style="width: 50%;"> |
| | | <el-input :disabled="!showFooter" v-model="editConfig.infomation.weight"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="物流重量" style="width: 50%;"> |
| | | <el-input :disabled="!showFooter" v-model="editConfig.infomation.logisticWeight"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <!-- 详情 --> |
| | | <!-- <div v-if="activeName === 'detail'"> |
| | |
| | | updateOperation, |
| | | updateStatus, |
| | | deleteOperation, |
| | | getListTransfer |
| | | getListTransfer, |
| | | getLogisticCompanyList |
| | | } from "@/api/overview/overview" |
| | | import { getCompanyList } from "@/api/common/other" |
| | | export default { |
| | |
| | | companyObj: {}, |
| | | contacterObj: {}, |
| | | isValidateClick: false, // 验证是否显示 |
| | | operationTypeOptions: [] // 入库类型列表 |
| | | operationTypeOptions: [], // 入库类型列表 |
| | | shipmentsInfo: { |
| | | carrier:[], |
| | | waybillNumber:'', |
| | | weight:0, |
| | | logisticWeight:0, |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | if (this.showOperationType) { |
| | | this.getListTransfer() |
| | | } |
| | | this.getLogisticCompanyList() |
| | | }, |
| | | methods: { |
| | | // 获取公司列表 |
| | |
| | | this.showFooter = true |
| | | this.setTableForm() |
| | | }, |
| | | async getLogisticCompanyList(){ |
| | | await getLogisticCompanyList().then((res) => { |
| | | if(res.code===200){ |
| | | this.shipmentsInfo.carrier=res.data |
| | | } |
| | | }) |
| | | }, |
| | | // 保存 |
| | | saveClick(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | |
| | | operationTypeName: this.receiptType, |
| | | sourceNumber: data.sourceNumber || "", |
| | | status: 3, |
| | | toLocationId: data.toLocationId || 0 |
| | | toLocationId: data.toLocationId || 0, |
| | | waybillNumber:data.waybillNumber||'', |
| | | weight:data.weight||0, |
| | | logisticWeight:data.logisticWeight||0, |
| | | logisticCompanyId:data.logisticCompanyId, |
| | | } |
| | | return params |
| | | }, |
| | |
| | | .el-tabs--card > .el-tabs__header { |
| | | border-bottom: none; |
| | | } |
| | | .el-tabs__item.is-active { |
| | | color: #333; |
| | | background: #f1f3f8; |
| | | } |
| | | // .el-tabs__item.is-active { |
| | | // color: #333; |
| | | // background: #f1f3f8; |
| | | // } |
| | | .el-tabs__item { |
| | | height: 30px; |
| | | line-height: 30px; |
| | |
| | | .el-tabs__header { |
| | | margin: 0 0 1px; |
| | | } |
| | | .bottom{ |
| | | .el-form{ |
| | | // border-top: 1px solid #EBEEF5; |
| | | } |
| | | .el-form-item{ |
| | | height: 28px; |
| | | .el-input { |
| | | input{ |
| | | height: 28px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |