| | |
|---|
| | | <template> |
|---|
| | | <div class="add-common"> |
|---|
| | | <el-dialog |
|---|
| | | :title="editCommonConfig.title + '产品'" |
|---|
| | | :title="modalTitle + '产品'" |
|---|
| | | :visible.sync="editConfig.visible" |
|---|
| | | :width="dialogWidth" |
|---|
| | | :before-close="handleClose" |
|---|
| | | > |
|---|
| | | <!-- 头 --> |
|---|
| | | <div slot="title" class="dialog-header"> |
|---|
| | | <span>{{ editCommonConfig.title + "产品" }}</span> |
|---|
| | | <span>{{ modalTitle + "产品" }}</span> |
|---|
| | | <div class="header_btns"> |
|---|
| | | <span class="btn"> |
|---|
| | | <i class="el-icon-printer"></i> |
|---|
| | |
|---|
| | | :disabled="!showFooter" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in productCategoryOptions" |
|---|
| | | v-for="item in productCategoryListWithDefault" |
|---|
| | | :key="item.id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.id" |
|---|
| | |
|---|
| | | return { |
|---|
| | | visible: false, |
|---|
| | | title: "新建", |
|---|
| | | infomation: {} |
|---|
| | | infomation: {}, |
|---|
| | | autoEdit:false |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | components: {}, |
|---|
| | | computed: {}, |
|---|
| | | computed: { |
|---|
| | | productCategoryListWithDefault(){ |
|---|
| | | return [{id:0,name:'请选择'},...(this.productCategoryOptions ?? [])] |
|---|
| | | }, |
|---|
| | | modalTitle(){ |
|---|
| | | if (this.editConfig.title === '编辑' && this.editConfig.autoEdit){ |
|---|
| | | return '编辑' |
|---|
| | | }else if (this.editConfig.title === '编辑') { |
|---|
| | | return !this.showEdit ? '编辑' : '查看' |
|---|
| | | }else { |
|---|
| | | return '新建' |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | dialogWidth: "50%", |
|---|
| | |
|---|
| | | memberOptions: [{ name: "管理员", id: 1 }], |
|---|
| | | productCategoryOptions: [], // 产品类别 |
|---|
| | | productTypeOptions: [ |
|---|
| | | { name: "请选择", id: 0 }, |
|---|
| | | { name: "能消耗", id: 1 }, |
|---|
| | | { name: "服务", id: 2 }, |
|---|
| | | { name: "可库存产品", id: 3 } |
|---|
| | |
|---|
| | | this.setTableForm() |
|---|
| | | this.setBottonView() |
|---|
| | | this.statisticsMap.inLibrary = this.editConfig?.infomation?.amount ?? 0 |
|---|
| | | if (this.editConfig.autoEdit){ |
|---|
| | | this.editClick() |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // 获取产品类别 |
|---|
