11 changed files with 2008 additions and 5 deletions
-
11src/api/property/propertyItem.js
-
10src/api/property/propertyItemAvailable.js
-
11src/api/property/template.js
-
13src/api/property/templateDetail.js
-
794src/views/modules/property/available.vue
-
1041src/views/modules/property/propertyTemplate.vue
-
7src/views/modules/quote/detail/primary/quoteDetailBom.vue
-
48src/views/modules/quote/detail/primary/quoteDetailOther.vue
-
63src/views/modules/quote/detail/primary/quoteDetailRouting.vue
-
14src/views/modules/quote/detail/quoteDetail.vue
-
1src/views/modules/quote/index.vue
@ -0,0 +1,11 @@ |
|||||
|
import {createAPI} from "../../utils/httpRequest"; |
||||
|
|
||||
|
export const queryPropertyItem = (data) => createAPI("/property/item", "post", data); |
||||
|
|
||||
|
export const queryPropertyItemByPage = (data) => createAPI(`/property/item/${data.no}/${data.size}`, "post", data); |
||||
|
|
||||
|
export const savePropertyItem = (data) => createAPI("/property/item/save", "post", data); |
||||
|
|
||||
|
export const updatePropertyItem = (data) => createAPI("/property/item/update", "post", data); |
||||
|
|
||||
|
export const removePropertyItem = (data) => createAPI(`/property/item/remove/${data.id}`, "post", data); |
||||
@ -0,0 +1,10 @@ |
|||||
|
import {createAPI} from "../../utils/httpRequest"; |
||||
|
import {data} from "autoprefixer"; |
||||
|
|
||||
|
export const queryPropertyItemAvailable = (data) => createAPI(`/property/item/available`,'post',data) |
||||
|
|
||||
|
export const savePropertyItemAvailable = (data) => createAPI(`/property/item/available/save`,'post',data) |
||||
|
|
||||
|
export const removePropertyItemAvailable = (data) => createAPI(`/property/item/available/remove`,'post',data) |
||||
|
|
||||
|
export const updatePropertyItemAvailable = (data) => createAPI(`/property/item/available/update`,'post',data) |
||||
@ -0,0 +1,11 @@ |
|||||
|
import {createAPI} from "../../utils/httpRequest"; |
||||
|
|
||||
|
export const queryPropertyTemplate = (data) => createAPI(`/property/template`, "post", data); |
||||
|
export const queryPropertyTemplateType = (data) => createAPI(`/property/template/type`, "post", data); |
||||
|
export const queryPropertyTemplateByPage = (data) => createAPI(`/property/template/${data.no}/${data.size}`, "post", data); |
||||
|
|
||||
|
export const savePropertyTemplate = (data) => createAPI(`/property/template/save`, "post", data); |
||||
|
|
||||
|
export const removePropertyTemplate = (data) => createAPI(`/property/template/remove/${data.id}`, "post", data); |
||||
|
|
||||
|
export const updatePropertyTemplate = (data) => createAPI(`/property/template/update`, "post", data); |
||||
@ -0,0 +1,13 @@ |
|||||
|
import {createAPI} from "../../utils/httpRequest"; |
||||
|
|
||||
|
|
||||
|
export const queryPropertyTemplateDetail = (data) => createAPI('/property/template/detail','post',data) |
||||
|
export const queryPropertyTemplateDetailItem = (data) => createAPI('/property/template/detail/item','post',data) |
||||
|
|
||||
|
|
||||
|
export const batchSavePropertyTemplateDetail = (data) => createAPI('/property/template/detail/batch/save','post',data) |
||||
|
|
||||
|
export const removePropertyTemplateDetail = (data) => createAPI('/property/template/detail/remove','post',data) |
||||
|
export const removeBatchPropertyTemplateDetail = (data) => createAPI('/property/template/detail/batch/remove','post',data) |
||||
|
|
||||
|
export const batchUpdatePropertyTemplateDetail = (data) => createAPI('/property/template/detail/batch/update','post',data) |
||||
@ -0,0 +1,794 @@ |
|||||
|
<script> |
||||
|
import {queryPropertyTemplateType} from "../../../api/property/template"; |
||||
|
import { |
||||
|
queryPropertyItemByPage, |
||||
|
removePropertyItem, |
||||
|
savePropertyItem, |
||||
|
updatePropertyItem |
||||
|
} from "../../../api/property/propertyItem"; |
||||
|
import BuSelect from "../../../components/selector/select/BuSelect.vue"; |
||||
|
import {getSiteAndBuByUserName} from "../../../api/eam/eam"; |
||||
|
import { |
||||
|
queryPropertyItemAvailable, removePropertyItemAvailable, |
||||
|
savePropertyItemAvailable, |
||||
|
updatePropertyItemAvailable |
||||
|
} from "../../../api/property/propertyItemAvailable"; |
||||
|
|
||||
|
export default { |
||||
|
name: "available", |
||||
|
components: {BuSelect}, |
||||
|
data(){ |
||||
|
return{ |
||||
|
no:1, |
||||
|
size:20, |
||||
|
total:0, |
||||
|
menuId:180003, |
||||
|
dataList: [], |
||||
|
queryLoading: false, |
||||
|
templateItem:{ |
||||
|
id:null, |
||||
|
itemNo:'', |
||||
|
itemDesc:'', |
||||
|
itemType:'', |
||||
|
buId:null, |
||||
|
valueType:'', |
||||
|
valueTypeDb:'', |
||||
|
defaultValue:'', |
||||
|
maxValue:undefined, |
||||
|
minValue:undefined, |
||||
|
valueChooseFlag:'', |
||||
|
}, |
||||
|
dataTypeList: [], |
||||
|
queryForm: { |
||||
|
|
||||
|
}, |
||||
|
columns: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableBuDesc', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'buDesc', |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: 'BU', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 80, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
},{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableItemTypeDesc', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'itemTypeDesc', |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: '属性类型', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 120, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableValueType', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'itemNo', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '属性编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 100, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableValueType', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'itemDesc', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '属性名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 120, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableValueType', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'valueType', |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: '值类型', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 80, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableDefaultValue', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'defaultValue', |
||||
|
headerAlign: "center", |
||||
|
align: "right", |
||||
|
columnLabel: '参照值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 80, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableMaxValue', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'maxValue', |
||||
|
headerAlign: "center", |
||||
|
align: "right", |
||||
|
columnLabel: '最大值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 80, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableMinValue', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'minValue', |
||||
|
headerAlign: "center", |
||||
|
align: "right", |
||||
|
columnLabel: '最小值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 80, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableValueChooseFlag', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'valueChooseFlag', |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: '是否值可选', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 80, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableCreateDate', |
||||
|
tableId: '180003Table', |
||||
|
tableName: '属性表', |
||||
|
columnProp: 'createDate', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '创建时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 100, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableCreateBy', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'createBy', |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: '创建人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 80, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableUpdateDate', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'updateDate', |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: '更新时间', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 100, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 180003, |
||||
|
serialNumber: '180003TableUpdateBy', |
||||
|
tableId: "180003Table", |
||||
|
tableName: "属性表", |
||||
|
columnProp: 'updateBy', |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: '更新人', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
columnWidth: 80, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
}, |
||||
|
], |
||||
|
saveVisible:false, |
||||
|
saveLoading:false, |
||||
|
saveForm:{ |
||||
|
|
||||
|
}, |
||||
|
rules:{ |
||||
|
buId: [ |
||||
|
{ required: true, message: '请选择BU', trigger: 'change' } |
||||
|
], |
||||
|
itemNo: [ |
||||
|
{ required: true, message: '请输入属性编码', trigger: 'blur' } |
||||
|
], |
||||
|
itemDesc: [ |
||||
|
{ required: true, message: '请输入属性描述', trigger: 'blur' } |
||||
|
], |
||||
|
itemType: [ |
||||
|
{ required: true, message: '请选择属性类型', trigger: 'change' } |
||||
|
], |
||||
|
valueType: [ |
||||
|
{ required: true, message: '请选择值类型', trigger: 'change' } |
||||
|
], |
||||
|
}, |
||||
|
availableVisible:false, |
||||
|
availableLoading:false, |
||||
|
availableForm:{ |
||||
|
|
||||
|
}, |
||||
|
availableList:[], |
||||
|
availableValueVisible:false, |
||||
|
availableValue:{ |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
handleQueryPropertyTemplateType(){ |
||||
|
let params = { |
||||
|
|
||||
|
} |
||||
|
queryPropertyTemplateType(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.dataTypeList = data.rows; |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
}) |
||||
|
}, |
||||
|
handleQueryByPage(){ |
||||
|
let params = { |
||||
|
...this.templateItem, |
||||
|
no:this.no, |
||||
|
size:this.size, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
} |
||||
|
this.queryLoading = true; |
||||
|
queryPropertyItemByPage(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.dataList = data.rows; |
||||
|
this.total = data.total; |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
this.queryLoading = false; |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
this.queryLoading = false; |
||||
|
}) |
||||
|
}, |
||||
|
handleSizeChange(val){ |
||||
|
this.size = val; |
||||
|
this.handleQueryByPage(); |
||||
|
}, |
||||
|
handlePageChange(val){ |
||||
|
this.no = val; |
||||
|
this.handleQueryByPage(); |
||||
|
}, |
||||
|
handleSave(row){ |
||||
|
this.$nextTick(()=>{ |
||||
|
if (this.$refs.saveForm){ |
||||
|
this.$refs.saveForm.clearValidate(); |
||||
|
} |
||||
|
}) |
||||
|
if (row){ |
||||
|
this.saveForm = {...row} |
||||
|
}else { |
||||
|
this.saveForm = {...this.templateItem} |
||||
|
this.saveForm.valueChooseFlag = 'N'; |
||||
|
this.saveForm.valueType = 'text'; |
||||
|
if (this.queryForm.itemType){ |
||||
|
this.saveForm.itemType = this.queryForm.itemType; |
||||
|
} |
||||
|
this.saveForm.buId = this.userBuList.length > 0 ? this.userBuList[0].id : '' |
||||
|
} |
||||
|
this.saveVisible = true; |
||||
|
}, |
||||
|
handleSaveOrUpdate(){ |
||||
|
this.$refs.saveForm.validate((valid,obj) => { |
||||
|
if (valid){ |
||||
|
if (this.saveForm.id){ |
||||
|
this.handleUpdateItem(); |
||||
|
}else { |
||||
|
this.handleSaveItem(); |
||||
|
} |
||||
|
}else { |
||||
|
let i = 1 |
||||
|
for (let key in obj) { |
||||
|
if (i === 1){ |
||||
|
this.$message.error(obj[key][0].message); |
||||
|
break |
||||
|
} |
||||
|
i++ |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleSaveItem(){ |
||||
|
let params = { |
||||
|
...this.saveForm, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
} |
||||
|
if (!this.saveForm.minValue){ |
||||
|
params.minValue = ''; |
||||
|
} |
||||
|
if (!this.saveForm.maxValue){ |
||||
|
params.maxValue = ''; |
||||
|
} |
||||
|
this.saveLoading = true; |
||||
|
savePropertyItem(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg); |
||||
|
this.saveVisible = false; |
||||
|
this.handleQueryByPage(); |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
this.saveLoading = false; |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
this.saveLoading = false; |
||||
|
}) |
||||
|
}, |
||||
|
handleUpdateItem(){ |
||||
|
let params = { |
||||
|
...this.saveForm, |
||||
|
updateBy: this.$store.state.user.name, |
||||
|
} |
||||
|
if (!this.saveForm.minValue){ |
||||
|
params.minValue = ''; |
||||
|
} |
||||
|
if (!this.saveForm.maxValue){ |
||||
|
params.maxValue = ''; |
||||
|
} |
||||
|
this.saveLoading = true; |
||||
|
updatePropertyItem(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg); |
||||
|
this.saveVisible = false; |
||||
|
this.handleQueryByPage(); |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
this.saveLoading = false; |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
this.saveLoading = false; |
||||
|
}) |
||||
|
}, |
||||
|
handleQueryBu(){ |
||||
|
let params = { |
||||
|
username: this.$store.state.user.name, |
||||
|
} |
||||
|
getSiteAndBuByUserName(params).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.userBuList = data.rows |
||||
|
}else { |
||||
|
this.$message.warning(data.message) |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}, |
||||
|
handleRemove(row){ |
||||
|
this.$alert('确认删除该属性吗？', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
let params = { |
||||
|
id: row.id, |
||||
|
} |
||||
|
this.saveLoading = true; |
||||
|
removePropertyItem(params).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.$message.success(data.msg) |
||||
|
this.handleQueryByPage() |
||||
|
} else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
this.saveLoading = false |
||||
|
}).catch((error) => { |
||||
|
this.$message.error(error) |
||||
|
this.saveLoading = false |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
handleSaveAvailable(row){ |
||||
|
this.availableForm = {...row} |
||||
|
this.availableForm.itemId = this.availableForm.id |
||||
|
this.availableForm.id = null |
||||
|
this.handleQueryPropertyItemAvailable(); |
||||
|
this.availableVisible = true; |
||||
|
}, |
||||
|
handleSaveAvailableValue(row){ |
||||
|
if (row){ |
||||
|
this.availableValue = {...row} |
||||
|
}else { |
||||
|
this.availableValue = { |
||||
|
...this.availableForm, |
||||
|
availableValue:undefined, |
||||
|
} |
||||
|
} |
||||
|
this.availableValueVisible = true; |
||||
|
}, |
||||
|
handleQueryPropertyItemAvailable(){ |
||||
|
let params = { |
||||
|
itemId: this.availableForm.itemId, |
||||
|
} |
||||
|
queryPropertyItemAvailable(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.availableList = data.rows; |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
}) |
||||
|
}, |
||||
|
handleSaveItemAvailableValue(){ |
||||
|
if (this.availableValue.id){ |
||||
|
this.availableValue.updateBy = this.$store.state.user.name |
||||
|
updatePropertyItemAvailable(this.availableValue).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg) |
||||
|
this.availableValueVisible = false; |
||||
|
this.handleQueryPropertyItemAvailable(); |
||||
|
} else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}else { |
||||
|
this.availableValue.createBy = this.$store.state.user.name |
||||
|
savePropertyItemAvailable(this.availableValue).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg) |
||||
|
this.availableValueVisible = false; |
||||
|
this.handleQueryPropertyItemAvailable(); |
||||
|
} else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
handleRemoveAvailableValue(row){ |
||||
|
this.$confirm('确认删除该可选值吗？', '提示', {}).then(() => { |
||||
|
removePropertyItemAvailable(row).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg) |
||||
|
this.availableValueVisible = false; |
||||
|
this.handleQueryPropertyItemAvailable(); |
||||
|
} else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
changeValueType(val){ |
||||
|
this.saveForm.minValue = undefined; |
||||
|
this.saveForm.maxValue = undefined; |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.queryForm = {...this.templateItem} |
||||
|
this.handleQueryPropertyTemplateType(); |
||||
|
this.handleQueryByPage(); |
||||
|
this.handleQueryBu(); |
||||
|
}, |
||||
|
watch:{ |
||||
|
'saveForm.itemNo'(newVal, oldVal){ |
||||
|
this.saveForm.itemNo = newVal.toUpperCase(); |
||||
|
}, |
||||
|
'templateItem.itemNo'(newVal, oldVal){ |
||||
|
this.templateItem.itemNo = newVal.toUpperCase(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div> |
||||
|
<div style="width: 1000px"> |
||||
|
<el-form :model="templateItem" label-position="top"> |
||||
|
<el-row :gutter="10"> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="属性编码"> |
||||
|
<el-input v-model="templateItem.itemNo"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="属性描述"> |
||||
|
<el-input v-model="templateItem.itemDesc"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="属性类型"> |
||||
|
<el-select v-model="templateItem.itemType" style="width: 100%;"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option :label="item.functionTypeDesc" :value="item.functionType" v-for="item in dataTypeList" :key="item.functionType"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label=" "> |
||||
|
<el-button type="primary" @click="handleQueryByPage">查询</el-button> |
||||
|
<el-button type="primary" @click="handleSave(null)">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<el-table :data="dataList" style="width: 100%" border v-loading="queryLoading" height="80vh"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columns" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed==''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> |
||||
|
<template v-if="item.columnProp==='valueType'">{{ scope.row[item.columnProp] === 'text' ? '文本' : '数字' }}</template> |
||||
|
<template v-else-if="item.columnProp==='valueChooseFlag'">{{ scope.row[item.columnProp] === 'Y' ? '是' : '否' }}</template> |
||||
|
<template v-else>{{ scope.row[item.columnProp] }}</template> |
||||
|
</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a @click="handleSave(scope.row)">编辑</a> |
||||
|
<a @click="handleRemove(scope.row)">删除</a> |
||||
|
<a v-if="scope.row.valueChooseFlag === 'Y'" @click="handleSaveAvailable(scope.row)">可选值</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-pagination @size-change="handleSizeChange" |
||||
|
@current-change="handlePageChange" |
||||
|
:current-page="no" |
||||
|
:page-sizes="[20, 50, 100, 200, 500]" |
||||
|
:page-size="size" |
||||
|
:total="total" |
||||
|
layout="total,sizes, prev, pager, next, jumper"> |
||||
|
|
||||
|
</el-pagination> |
||||
|
|
||||
|
<el-dialog title="属性信息" :close-on-click-modal="false" v-drag :visible.sync="saveVisible" width="500px"> |
||||
|
<el-form :model="saveForm" ref="saveForm" :rules="rules" label-position="top" label-width="100px"> |
||||
|
<el-row :gutter="10"> |
||||
|
<el-col :span="16"> |
||||
|
<el-form-item label="BU" prop="buId" :show-message="false"> |
||||
|
<bu-select v-model="saveForm.buId" :disabled="saveForm.id > 0"></bu-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10"> |
||||
|
<el-form-item label="属性编码" prop="itemNo" :show-message="false"> |
||||
|
<el-input v-model="saveForm.itemNo" :disabled="saveForm.id"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="14"> |
||||
|
<el-form-item label="属性描述" prop="itemDesc" :show-message="false"> |
||||
|
<el-input v-model="saveForm.itemDesc"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10"> |
||||
|
<el-form-item label="值类型" prop="valueType" :show-message="false"> |
||||
|
<el-select v-model="saveForm.valueType" style="width: 100%;" @change="changeValueType"> |
||||
|
<el-option label="文本" value="text"></el-option> |
||||
|
<el-option label="数字" value="num"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="14"> |
||||
|
<el-form-item label="参照值" prop="defaultValue" :show-message="false"> |
||||
|
<el-input v-model="saveForm.defaultValue"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10" v-if="saveForm.valueType !== 'text'"> |
||||
|
<el-form-item label="最大值" prop="maxValue" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" :step="0" v-model="saveForm.maxValue"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10" v-else> |
||||
|
<el-form-item label="最大值" prop="maxValue" :show-message="false"> |
||||
|
<el-input v-model="saveForm.maxValue"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10" v-if="saveForm.valueType !== 'text'"> |
||||
|
<el-form-item label="最小值" prop="minValue" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" :step="0" :disabled="saveForm.valueType === 'text'" v-model="saveForm.minValue"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10" v-else> |
||||
|
<el-form-item label="最小值" prop="minValue" :show-message="false"> |
||||
|
<el-input v-model="saveForm.minValue"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10"> |
||||
|
<el-form-item label="属性类型" prop="itemType" :show-message="false"> |
||||
|
<el-select v-model="saveForm.itemType" style="width: 100%;"> |
||||
|
<el-option :label="item.functionTypeDesc" :value="item.functionType" v-for="item in dataTypeList" :key="item.functionType"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10"> |
||||
|
<el-form-item label=" " prop="valueChooseFlag" :show-message="false"> |
||||
|
<el-checkbox v-model="saveForm.valueChooseFlag" :true-label="'Y'" :false-label="'N'">是否值可选</el-checkbox> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" :loading="saveLoading" @click="handleSaveOrUpdate">确 定</el-button> |
||||
|
<el-button @click="saveVisible = false">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<el-dialog title="可选值" :close-on-click-modal="false" v-drag :visible.sync="availableVisible" width="500px"> |
||||
|
<el-form :model="availableForm" label-position="top" > |
||||
|
<el-row :gutter="10"> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="属性编码" prop="itemNo" :show-message="false"> |
||||
|
<el-input v-model="availableForm.itemNo" disabled></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="10"> |
||||
|
<el-form-item label="属性描述" prop="itemDesc" :show-message="false"> |
||||
|
<el-input v-model="availableForm.itemDesc" disabled></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<el-form-item label=" " > |
||||
|
<el-button type="primary" @click="handleSaveAvailableValue(null)">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<el-table :data="availableList" border style="width: 100%" :height="300"> |
||||
|
<el-table-column |
||||
|
prop="availableValue" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="200" |
||||
|
label="属性值"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
min-width="100" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a @click="handleSaveAvailableValue(scope.row)">修改</a> |
||||
|
<a @click="handleRemoveAvailableValue(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<el-dialog title="可选值信息" :close-on-click-modal="false" v-drag :visible.sync="availableValueVisible" width="300px"> |
||||
|
<el-form :model="availableValue" label-position="top"> |
||||
|
<el-form-item label="可选值" required> |
||||
|
<el-input v-model="availableValue.availableValue" v-if="availableForm.valueType === 'text'"></el-input> |
||||
|
<el-input-number style="width: 100%;" :controls="false" :step="0" v-model="availableForm.availableValue" v-if="availableForm.valueType === 'num'"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" :loading="saveLoading" @click="handleSaveItemAvailableValue">确 定</el-button> |
||||
|
<el-button @click="availableValueVisible = false">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
.el-table /deep/ .cell{ |
||||
|
height: auto; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
</style> |
||||
1041
src/views/modules/property/propertyTemplate.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,48 @@ |
|||||
|
<script> |
||||
|
export default { |
||||
|
name: "quoteDetailOther", |
||||
|
props:{ |
||||
|
quoteDetail: { |
||||
|
type: Object, |
||||
|
required: true |
||||
|
} |
||||
|
}, |
||||
|
model:{ |
||||
|
prop: "quoteDetail", |
||||
|
event: "update" |
||||
|
}, |
||||
|
data(){ |
||||
|
return{ |
||||
|
dataList:[], |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
handleQueryOther(){ |
||||
|
console.log(this.quoteDetail.id) |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
if (this.quoteDetail && this.quoteDetail.id){ |
||||
|
this.handleQueryOther() |
||||
|
} |
||||
|
}, |
||||
|
watch:{ |
||||
|
'quoteDetail.id'(newVal, oldVal){ |
||||
|
this.handleQueryOther() |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="primary">新增</el-button> |
||||
|
<el-table :data="dataList" style="width: 100%" border :height="420"> |
||||
|
|
||||
|
</el-table> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,63 @@ |
|||||
|
<script> |
||||
|
export default { |
||||
|
name: "quoteDetailRouting", |
||||
|
props:{ |
||||
|
quoteDetail:{ |
||||
|
type:Object, |
||||
|
required:true |
||||
|
}, |
||||
|
}, |
||||
|
model:{ |
||||
|
prop: "quoteDetail", |
||||
|
event: "update" |
||||
|
}, |
||||
|
data(){ |
||||
|
return{ |
||||
|
isAllBom:false, |
||||
|
dataList:[], |
||||
|
treeData:[], |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
handleQueryQuoteDetailRouting(){ |
||||
|
console.log(this.quoteDetail.id) |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
if (this.quoteDetail && this.quoteDetail.id){ |
||||
|
this.handleQueryQuoteDetailRouting(); |
||||
|
} |
||||
|
}, |
||||
|
watch:{ |
||||
|
'quoteDetail.id'(newVal,oldVal){ |
||||
|
this.handleQueryQuoteDetailRouting(); |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div> |
||||
|
<div style="margin-bottom: 10px"> |
||||
|
<el-link style="margin-right: 20px">切换版本</el-link> |
||||
|
<el-checkbox v-model="isAllBom">全级Routing结构</el-checkbox> |
||||
|
</div> |
||||
|
<el-container> |
||||
|
<el-aside width="300px"> |
||||
|
<el-tree |
||||
|
:data="treeData"> |
||||
|
|
||||
|
</el-tree> |
||||
|
</el-aside> |
||||
|
<el-main style="padding: 0"> |
||||
|
<el-table :data="dataList" border style="width: 100%" :height="420"> |
||||
|
|
||||
|
</el-table> |
||||
|
</el-main> |
||||
|
</el-container> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue