| | |
| | | </div> |
| | | |
| | | <div class="basic-info"> |
| | | <div class="content-number"> |
| | | <div class="sub-number"> |
| | | <div class="left"><i class="el-icon-s-fold"></i></div> |
| | | <div class="right"> |
| | | <div class="right-label">{{ 0 }}</div> |
| | | <div class="right-label">额外的价格</div> |
| | | </div> |
| | | </div> |
| | | <div class="sub-number"> |
| | | <div class="left"><i class="el-icon-present"></i></div> |
| | | <div class="right"> |
| | | <div class="right-label">{{ "0.00" + "件" }}</div> |
| | | <div class="right-label">在手</div> |
| | | </div> |
| | | </div> |
| | | <div class="sub-number"> |
| | | <div class="left"><i class="el-icon-present"></i></div> |
| | | <div class="right"> |
| | | <div class="right-label">{{ "0.00" + "件" }}</div> |
| | | <div class="right-label">预测</div> |
| | | </div> |
| | | </div> |
| | | <div class="sub-number" @click="inOutBoundClick" style="cursor: pointer"> |
| | | <div class="left icon-view"><i class="el-icon-sort"></i></div> |
| | | <div class="right"> |
| | | <div class="right-label">{{ "进: " + 0 }}</div> |
| | | <div class="right-label">{{ "出: " + 0 }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="sub-number"> |
| | | <div class="left"><i class="el-icon-refresh"></i></div> |
| | | <div class="right"> |
| | | <div class="right-label">{{ 0 }}</div> |
| | | <div class="right-label">重订货规则</div> |
| | | </div> |
| | | </div> |
| | | <div class="sub-number"> |
| | | <div class="left"><i class="el-icon-help"></i></div> |
| | | <div class="right"> |
| | | <div class="right-one">上架规则</div> |
| | | </div> |
| | | </div> |
| | | <div class="sub-number"> |
| | | <div class="left"><i class="el-icon-s-data"></i></div> |
| | | <div class="right"> |
| | | <div class="right-label">{{ "0.00" + "件" }}</div> |
| | | <div class="right-label">已售</div> |
| | | </div> |
| | | </div> |
| | | <div class="sub-number"> |
| | | <div class="left"><i class="el-icon-bank-card"></i></div> |
| | | <div class="right"> |
| | | <div class="right-label">{{ "0.00" + "件" }}</div> |
| | | <div class="right-label">已采购</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <FormBtnsView :add-product="addProduct" @inOutBoundClick="inOutBoundClick" :show-procure="showProcure" /> |
| | | <div class="basic-info-view"> |
| | | <el-row> |
| | | <el-col :span="20"> |
| | |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <div style="margin-left: 20px; margin-top: -30px"> |
| | | <el-checkbox v-model="marketable" :disabled="!showFooter">可销售</el-checkbox> |
| | | <el-checkbox v-model="procurable" :disabled="!showFooter">可采购</el-checkbox> |
| | | <el-checkbox v-model="marketable" :disabled="!showFooter" @change="checkboxChange('销售', $event)" |
| | | >可销售</el-checkbox |
| | | > |
| | | <el-checkbox v-model="procurable" :disabled="!showFooter" @change="checkboxChange('采购', $event)" |
| | | >可采购</el-checkbox |
| | | > |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <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="third"></el-tab-pane> |
| | | <el-tab-pane label="会计" name="four"></el-tab-pane> |
| | |
| | | <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="model"> |
| | | <el-select |
| | | v-model="form.model" |
| | | placeholder="请选择" |
| | | filterable |
| | | clearable |
| | | style="width: 100%" |
| | | :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> |
| | | <el-form-item label="产品类别" prop="client_name" style="margin-left: 20px"> |
| | | <el-select |
| | |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <!-- 销售 --> |
| | | <div v-if="activeName === 'sale'"> |
| | | <div class="purchase-view"> |
| | | <div class="left"> |
| | | <div class="second-label">{{ "加售&交叉销售" }}</div> |
| | | <el-form-item label="可选产品" prop="checkedCities" 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 class="second-label">销售说明</div> |
| | | <el-form-item label="" prop="desc" style="margin-left: 20px" label-width="20px"> |
| | | <el-input |
| | | v-model.trim="editConfig.infomation.desc" |
| | | size="mini" |
| | | type="textarea" |
| | | style="width: 85%" |
| | | :autosize="{ minRows: 2 }" |
| | | :disabled="!showFooter" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="right"></div> |
| | | </div> |
| | | </div> |
| | | <!-- 采购 --> |
| | |
| | | |
| | | <script> |
| | | import CommonFormTableView from "@/components/makepager/CommonFormTableView" |
| | | |
| | | let inputElement = null |
| | | export default { |
| | | name: "AddProductDialog", |
| | |
| | | marketable: true, // 可销售 |
| | | procurable: true, // 可采购 |
| | | checkedCities: ["上海", "北京"], |
| | | cities: ["上海对对对对对对多多多多多多多北京对对对对对对", "北京对对对对对对多", "广州", "深圳"] |
| | | cities: ["上海对对对对对对多多多多多多多北京对对对对对对", "北京对对对对对对多", "广州", "深圳"], |
| | | addProduct: false, |
| | | showProcure: true, |
| | | materialTypeList: [ |
| | | { |
| | | name: "原材料", |
| | | id: "原材料" |
| | | }, |
| | | { |
| | | name: "半成品", |
| | | id: "半成品" |
| | | }, |
| | | { |
| | | name: "成品", |
| | | id: "成品" |
| | | }, |
| | | { |
| | | name: "辅料", |
| | | id: "辅料" |
| | | }, |
| | | { |
| | | name: "耗材", |
| | | id: "耗材" |
| | | }, |
| | | { |
| | | name: "其他", |
| | | id: "其他" |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | this.showButton = false |
| | | this.showEdit = false |
| | | this.showFooter = true |
| | | this.addProduct = true |
| | | } else { |
| | | this.showEdit = true |
| | | this.showFooter = false |
| | | this.addProduct = false |
| | | } |
| | | }, |
| | | // 关闭 |
| | |
| | | // 进出点击 |
| | | inOutBoundClick() { |
| | | this.$router.push({ path: "/reportForm/inOutboundDetail", query: { name: "产品名称/出入库明细" } }) |
| | | }, |
| | | // 可销售/可采购 |
| | | checkboxChange(val, param) { |
| | | if (val === "采购") { |
| | | this.showProcure = param |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | margin-bottom: 10px; |
| | | } |
| | | .list-item { |
| | | width: 300px; |
| | | width: 100%; |
| | | } |
| | | .avatar-uploader .el-upload { |
| | | border: 1px dashed #d9d9d9; |