| | |
| | | </div> |
| | | |
| | | <div class="basic-info"> |
| | | <FormBtnsView :add-product="addProduct" @inOutBoundClick="inOutBoundClick" :show-procure="showProcure" /> |
| | | <FormBtnsView |
| | | :add-product="addProduct" |
| | | @inOutBoundClick="inOutBoundClick" |
| | | :show-procure="showProcure" |
| | | :show-sale="showSale" |
| | | /> |
| | | <div class="basic-info-view"> |
| | | <el-row> |
| | | <el-col :span="20"> |
| | | <el-col :span="23"> |
| | | <div style="margin-left: 20px">产品名称</div> |
| | | <el-form-item label="" prop="client_name" label-width="20px"> |
| | | <el-input |
| | | v-model="editConfig.infomation.client_name" |
| | | placeholder="" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | <el-form-item label="" prop="name" label-width="20px"> |
| | | <el-input v-model="editConfig.infomation.name" placeholder="" :disabled="!showFooter"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <!-- <el-col :span="4"> |
| | | <div class="upload" @click="toGetImg"> |
| | | <img v-if="imageSrc" :src="imageSrc" style="height: 90px; width: 90px" /> |
| | | <div v-else class="upload-icon"><i class="el-icon-plus"></i></div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <div style="margin-left: 20px; margin-top: -30px"> |
| | | </el-col> --> |
| | | <!-- <el-col :span="24"> |
| | | <div style="margin-left: 20px"> |
| | | <el-checkbox v-model="marketable" :disabled="!showFooter" @change="checkboxChange('销售', $event)" |
| | | >可销售</el-checkbox |
| | | > |
| | |
| | | >可采购</el-checkbox |
| | | > |
| | | </div> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </div> |
| | | <div class="bottom"> |
| | | <el-tabs v-model="activeName" type="card"> |
| | | <el-tab-pane label="基本信息" name="first"></el-tab-pane> |
| | | <el-tab-pane label="销售" name="sale"></el-tab-pane> |
| | | <el-tab-pane label="采购" name="second"></el-tab-pane> |
| | | <!-- <el-tab-pane label="销售" name="sale"></el-tab-pane> |
| | | <el-tab-pane label="采购" name="second"></el-tab-pane> --> |
| | | <el-tab-pane label="库存" name="third"></el-tab-pane> |
| | | <el-tab-pane label="会计" name="four"></el-tab-pane> |
| | | <!-- <el-tab-pane label="会计" name="four"></el-tab-pane> --> |
| | | </el-tabs> |
| | | <!-- 基本信息 --> |
| | | <div v-if="activeName === 'first'"> |
| | | <div class="purchase-view"> |
| | | <div class="left"> |
| | | <el-form-item label="产品类型" prop="client_name" style="margin-left: 20px"> |
| | | <el-form-item label="产品类型" prop="productType" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | v-model="editConfig.infomation.productType" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | <el-option v-for="item in productTypeOptions" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="开票策略" prop="client_name" style="margin-left: 20px"> |
| | | <el-form-item label="开票策略" prop="invoicingStrategy" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | v-model="editConfig.infomation.invoicingStrategy" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | <el-option v-for="item in strategyOptions" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | <div>可储存的产品是您管理库存水平的实物项目。</div> |
| | | <div>您可以在发货前为其开具结算单。</div> |
| | | </el-form-item> |
| | | <el-form-item label="物料类型" prop="model"> |
| | | <el-form-item label="物料类型" prop="model" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="form.model" |
| | | v-model="editConfig.infomation.model" |
| | | placeholder="请选择" |
| | | filterable |
| | | clearable |
| | | style="width: 100%" |
| | | style="width: 85%" |
| | | :popper-append-to-body="false" |
| | | > |
| | | <el-option v-for="item in materialTypeList" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="单位" prop="unit"> |
| | | <el-input v-model="form.unit" placeholder="请输入"></el-input> |
| | | <el-form-item label="单位" prop="unit" style="margin-left: 20px"> |
| | | <el-input v-model="editConfig.infomation.unit" placeholder="请输入" style="width: 85%"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="产品类别" prop="client_name" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | |
| | | <el-form-item label="产品标签" prop="productTagName" style="margin-left: 20px"> |
| | | <el-input |
| | | v-model="editConfig.infomation.productTagName" |
| | | placeholder="请输入" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="产品标签" prop="client_name" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="公司" prop="client_name" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="right"> |
| | | <el-form-item label="销售价格" prop="name" style="margin-left: 20px"> |
| | | <el-form-item label="销售价格" prop="salePrice" style="margin-left: 20px"> |
| | | <span>¥</span> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.name" |
| | | <el-input-number |
| | | v-model.trim="editConfig.infomation.salePrice" |
| | | placeholder="请输入" |
| | | :min="0" |
| | | :controls="false" |
| | | size="mini" |
| | | style="width: 85%" |
| | | style="width: 81%" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | ></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="销项税" prop="client_name" style="margin-left: 20px"> |
| | | <el-form-item label="销项税" prop="customerTaxes" style="margin-left: 20px"> |
| | | <el-input-number |
| | | v-model="editConfig.infomation.customerTaxes" |
| | | placeholder="请输入" |
| | | :min="0" |
| | | :controls="false" |
| | | style="width: 85%; margin-right: 5px" |
| | | ></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="成本" prop="cost" style="margin-left: 20px"> |
| | | <span>¥</span> |
| | | <el-input-number |
| | | v-model.trim="editConfig.infomation.cost" |
| | | placeholder="请输入" |
| | | :min="0" |
| | | :controls="false" |
| | | size="mini" |
| | | style="width: 81%" |
| | | :disabled="!showFooter" |
| | | ></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="产品类别" prop="categoryId" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | multiple |
| | | v-model="editConfig.infomation.categoryId" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | <el-option |
| | | v-for="item in productCategoryOptions" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="成本" prop="name" style="margin-left: 20px"> |
| | | <span>¥</span> |
| | | <el-form-item label="内部参考" prop="internalReference" style="margin-left: 20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.name" |
| | | v-model.trim="editConfig.infomation.internalReference" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="内部参考" prop="name" style="margin-left: 20px"> |
| | | <el-form-item label="条码" prop="barcode" style="margin-left: 20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.name" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="条码" prop="name" style="margin-left: 20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.name" |
| | | v-model.trim="editConfig.infomation.barcode" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | style="width: 85%" |
| | |
| | | </div> |
| | | <div class="all"> |
| | | <div class="second-label">内部说明</div> |
| | | <el-form-item label="" prop="name" style="margin-left: 20px" label-width="0px"> |
| | | <el-form-item label="" prop="internalNotes" style="margin-left: 20px" label-width="0px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.desc" |
| | | v-model.trim="editConfig.infomation.internalNotes" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 100%" |
| | | style="width: 95%" |
| | | :autosize="{ minRows: 4 }" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <!-- 销售 --> |
| | | <div v-if="activeName === 'sale'"> |
| | | <!-- 库存 --> |
| | | <div v-if="activeName === 'third'"> |
| | | <div class="purchase-view"> |
| | | <div class="all"> |
| | | <div class="second-label">物流</div> |
| | | </div> |
| | | </div> |
| | | <div class="purchase-view"> |
| | | <!-- <div class="left"> |
| | | <div class="second-label">操作</div> |
| | | <el-form-item label="路线" prop="checkedRoute" style="margin-left: 20px"> |
| | | <el-checkbox-group v-model="checkedRoute" :min="1" :max="2"> |
| | | <el-checkbox v-for="city in route" :label="city" :key="city" class="list-item">{{ |
| | | city.length > 20 ? city.substring(0, 20) + "..." : city |
| | | }}</el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | </div> --> |
| | | |
| | | <div class="left"> |
| | | <div class="second-label">{{ "加售&交叉销售" }}</div> |
| | | <el-form-item label="可选产品" prop="checkedCities" style="margin-left: 20px"> |
| | | <el-form-item label="负责人" prop="principal" style="margin-left: 20px" label-width="80px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | v-model="editConfig.infomation.principal" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.name" :value="item.name"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="重量" prop="weight" style="margin-left: 20px" label-width="80px"> |
| | | <el-input-number |
| | | v-model="editConfig.infomation.weight" |
| | | placeholder="请输入" |
| | | :min="0" |
| | | :precision="2" |
| | | :controls="false" |
| | | style="width: 85%" |
| | | ></el-input-number> |
| | | <span> kg</span> |
| | | </el-form-item> |
| | | <el-form-item label="体积" prop="volume" style="margin-left: 20px" label-width="80px"> |
| | | <el-input-number |
| | | v-model="editConfig.infomation.volume" |
| | | placeholder="请输入" |
| | | :min="0" |
| | | :precision="2" |
| | | :controls="false" |
| | | style="width: 85%" |
| | | ></el-input-number> |
| | | <span> m³</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="right"> |
| | | <el-form-item |
| | | label="制造前置时间" |
| | | prop="deliveryAdvanceTime" |
| | | style="margin-left: 20px" |
| | | label-width="130px" |
| | | > |
| | | <el-input-number |
| | | v-model="editConfig.infomation.deliveryAdvanceTime" |
| | | placeholder="请输入" |
| | | :min="0" |
| | | :precision="2" |
| | | :controls="false" |
| | | style="width: 85%" |
| | | ></el-input-number> |
| | | <span> 天数</span> |
| | | </el-form-item> |
| | | <el-form-item label="生产订单准备天数" prop="name" style="margin-left: 20px" label-width="130px"> |
| | | <el-input-number |
| | | v-model="editConfig.infomation.customerTaxes" |
| | | placeholder="请输入" |
| | | :min="0" |
| | | :precision="2" |
| | | :controls="false" |
| | | style="width: 85%" |
| | | ></el-input-number> |
| | | <span> 天数</span> |
| | | </el-form-item> |
| | | <el-form-item label="客户前置时间" prop="aaa" style="margin-left: 20px" label-width="130px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.aaa" |
| | | multiple |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | <el-option v-for="item in aaaOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="purchase-view"> |
| | | <div class="left"> |
| | | <div class="second-label">收货说明</div> |
| | | <el-form-item label="" prop="inStorageExplain" style="margin-left: 20px" label-width="0px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.inStorageExplain" |
| | | placeholder="此说明添加到收货订单中(例如,产品在仓库的存储位置)" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 95%" |
| | | :autosize="{ minRows: 4 }" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="second-label">出库单说明</div> |
| | | <el-form-item label="" prop="outStorageExplain" style="margin-left: 20px" label-width="0px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.outStorageExplain" |
| | | placeholder="此通知已添加到送货单中" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 95%" |
| | | :autosize="{ minRows: 4 }" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="purchase-view"> |
| | | <div class="left"> |
| | | <div class="second-label">内部调拨说明</div> |
| | | <el-form-item label="" prop="internalTransferExplain" style="margin-left: 20px" label-width="0px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.internalTransferExplain" |
| | | placeholder="此说明添加到内部调拨订单中(例如,在仓库中何处提取产品)" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 100%" |
| | | :autosize="{ minRows: 4 }" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="right"></div> |
| | | </div> |
| | | </div> |
| | | <!-- 下面不要删 二期或三期会用到 --> |
| | | <!-- 销售 --> |
| | | <!-- <div v-if="activeName === 'sale'"> |
| | | <div class="purchase-view"> |
| | | <div class="left"> |
| | | <div class="second-label">{{ "加售&交叉销售" }}</div> |
| | | <el-form-item label="可选产品" prop="selectProduct" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.selectProduct" |
| | | multiple |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option |
| | | v-for="item in selectProductOptions" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <div class="second-label">销售说明</div> |
| | | <el-form-item label="" prop="desc" style="margin-left: 20px" label-width="20px"> |
| | | <el-form-item label="" prop="sellExplain" style="margin-left: 20px" label-width="20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.desc" |
| | | v-model.trim="editConfig.infomation.sellExplain" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 85%" |
| | |
| | | </div> |
| | | <div class="right"></div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- 采购 --> |
| | | <div v-if="activeName === 'second'"> |
| | | <!-- <div v-if="activeName === 'second'"> |
| | | <CommonFormTableView |
| | | :product-table-list="productTableList" |
| | | :detail-enter="!showFooter" |
| | |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 库存 --> |
| | | <div v-if="activeName === 'third'"> |
| | | <div class="purchase-view"> |
| | | <div class="left"> |
| | | <div class="second-label">作业</div> |
| | | <el-form-item label="路线" prop="checkedCities" style="margin-left: 20px"> |
| | | <el-checkbox-group v-model="checkedCities" :min="1" :max="2"> |
| | | <el-checkbox v-for="city in cities" :label="city" :key="city" class="list-item">{{ |
| | | city.length > 20 ? city.substring(0, 20) + "..." : city |
| | | }}</el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="second-label">物流</div> |
| | | <el-form-item label="负责人" prop="name" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | multiple |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="重量" prop="client_name" style="margin-left: 20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.name" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | <span> kg</span> |
| | | </el-form-item> |
| | | <el-form-item label="体积" prop="client_name" style="margin-left: 20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.name" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | <span> m³</span> |
| | | </el-form-item> |
| | | <el-form-item label="客户前置时间" prop="client_name" style="margin-left: 20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.name" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | <span> 天</span> |
| | | </el-form-item> |
| | | <el-form-item label="HS编码" prop="name" style="margin-left: 20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.name" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="货物原产地" prop="name" style="margin-left: 20px"> |
| | | <el-select |
| | | v-model="editConfig.infomation.memberId" |
| | | multiple |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width: 85%" |
| | | :disabled="!showFooter" |
| | | > |
| | | <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="purchase-view"> |
| | | <div class="left"> |
| | | <div class="second-label">收货说明</div> |
| | | <el-form-item label="" prop="name" style="margin-left: 20px" label-width="0px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.desc" |
| | | placeholder="此说明添加到收货订单中" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 100%" |
| | | :autosize="{ minRows: 4 }" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="second-label">出库单说明</div> |
| | | <el-form-item label="" prop="name" style="margin-left: 20px" label-width="0px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.desc" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 100%" |
| | | :autosize="{ minRows: 4 }" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="purchase-view"> |
| | | <div class="left"> |
| | | <div class="second-label">内部调拨说明</div> |
| | | <el-form-item label="" prop="name" style="margin-left: 20px" label-width="0px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.desc" |
| | | placeholder="请输入" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 100%" |
| | | :autosize="{ minRows: 4 }" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="right"></div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import CommonFormTableView from "@/components/makepager/CommonFormTableView" |
| | | // import CommonFormTableView from "@/components/makepager/CommonFormTableView" |
| | | import { getProductCategoryList } from "@/api/product/productCategory" |
| | | import { getProductList, addProduct } from "@/api/product/product" |
| | | |
| | | let inputElement = null |
| | | export default { |
| | |
| | | } |
| | | } |
| | | }, |
| | | components: { CommonFormTableView }, |
| | | components: {}, |
| | | computed: {}, |
| | | data() { |
| | | return { |
| | |
| | | memberId: [{ required: true, message: "请选择销售负责人", trigger: "change" }], |
| | | sale_return_nunber: [{ required: true, message: "请选择销售退货单", trigger: "change" }] |
| | | }, |
| | | memberOptions: [], |
| | | paymentTypeListOptions: [], |
| | | numberList: [ |
| | | { label: "草稿", status: "todo" }, |
| | | { label: "正在等待", status: "todo" }, |
| | | { label: "就绪", status: "todo" }, |
| | | { label: "完成", status: "todo" } |
| | | memberOptions: [ |
| | | { |
| | | name: "admin", |
| | | id: 1 |
| | | } |
| | | ], |
| | | productCategoryOptions: [], // 产品类别 |
| | | productTypeOptions: [ |
| | | { name: "能消耗", id: 1 }, |
| | | { name: "服务", id: 2 }, |
| | | { name: "可库存产品", id: 3 } |
| | | ], // 产品类型 |
| | | strategyOptions: [ |
| | | { name: "订购数量", id: 1 }, |
| | | { name: "交付数量", id: 2 } |
| | | ], // 开票策略 |
| | | selectProductOptions: [], // 可选产品 |
| | | showButton: true, |
| | | activeName: "first", |
| | | productTableList: {}, |
| | |
| | | imageSrc: "", // 图片地址 |
| | | marketable: true, // 可销售 |
| | | procurable: true, // 可采购 |
| | | checkedCities: ["上海", "北京"], |
| | | cities: ["上海对对对对对对多多多多多多多北京对对对对对对", "北京对对对对对对多", "广州", "深圳"], |
| | | checkedRoute: [], |
| | | route: ["制造", "河池生产制造仓"], |
| | | addProduct: false, |
| | | showProcure: true, |
| | | showSale: true, |
| | | materialTypeList: [ |
| | | { |
| | | name: "原材料", |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.getProductCategoryList() |
| | | this.getProductList() |
| | | this.setTableForm() |
| | | this.setBottonView() |
| | | }, |
| | | methods: { |
| | | // 获取产品类别 |
| | | async getProductCategoryList() { |
| | | await getProductCategoryList({ |
| | | keyWord: "", |
| | | page: 0, |
| | | pageSize: 0 |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | this.productCategoryOptions = res.data |
| | | } |
| | | }) |
| | | }, |
| | | // 获取可选产品 |
| | | async getProductList() { |
| | | await getProductList({ |
| | | keyWord: "", |
| | | page: 1, |
| | | pageSize: 20 |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | const list = res.data.map((item) => { |
| | | return { |
| | | id: item.id, |
| | | name: item.name |
| | | } |
| | | }) |
| | | this.selectProductOptions = list || [] |
| | | } |
| | | }) |
| | | }, |
| | | // 设置删除/打印/编辑是否显示 |
| | | setBottonView() { |
| | | if (this.editConfig.title === "新建") { |
| | |
| | | this.setTableForm() |
| | | }, |
| | | // 保存 |
| | | saveClick() {}, |
| | | async saveClick() { |
| | | console.log(this.editConfig.infomation) |
| | | await addProduct({ |
| | | ...this.editConfig.infomation |
| | | }).then((res) => { |
| | | console.log(res) |
| | | this.editConfig.visible = false |
| | | if (res.code === 200) { |
| | | this.$message.success("添加成功") |
| | | this.$parent.getData() |
| | | } |
| | | }) |
| | | }, |
| | | // 删除 |
| | | delClick() {}, |
| | | setTableForm() { |
| | |
| | | }, |
| | | // 进出点击 |
| | | inOutBoundClick() { |
| | | this.$router.push({ path: "/reportForm/inOutboundDetail", query: { name: "产品名称/出入库明细" } }) |
| | | if (this.editConfig.title !== "新建") { |
| | | this.$router.push({ path: "/reportForm/inOutboundDetail", query: { name: "产品名称/出入库明细" } }) |
| | | } |
| | | }, |
| | | // 可销售/可采购 |
| | | checkboxChange(val, param) { |
| | | if (val === "采购") { |
| | | this.showProcure = param |
| | | } else if (val === "销售") { |
| | | this.showSale = param |
| | | } |
| | | } |
| | | } |
| | |
| | | .right { |
| | | width: 50%; |
| | | } |
| | | .all { |
| | | width: 100%; |
| | | } |
| | | } |
| | | .second-label { |
| | | margin-left: 20px; |
| | | margin-right: 20px; |
| | | border-bottom: 1px solid #d9d9d9; |
| | | margin-bottom: 10px; |
| | | } |