|
|
@@ -1,230 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="dialog">
|
|
|
- <el-dialog
|
|
|
- v-model="dialogVisible"
|
|
|
- :title="dialogTitle"
|
|
|
- width="900px"
|
|
|
- @close="closeDialog()"
|
|
|
- >
|
|
|
- <el-form
|
|
|
- ref="formRef"
|
|
|
- :model="formData"
|
|
|
- label-width="120px"
|
|
|
- >
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="paperTypeName" label="纸张类型">
|
|
|
- <el-button :disabled="formData.id!=''" v-throttle @click="paperDialog()" type="primary" link>{{basePaperName ? basePaperName : '请选择纸张类型'}}</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="mtModel" label="品牌">
|
|
|
- <el-button :disabled="formData.id!=''" v-throttle @click="mtModelDialog()" type="primary" link>{{mtModelName ? mtModelName : '请选择品牌'}}</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col v-show="formData.id!=''" :span="12">
|
|
|
- <el-form-item prop="paperName" label="纸张名称">
|
|
|
- <el-input disabled v-model="formData.paperName"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="mtRule" label="规格">
|
|
|
- <el-input :disabled="formData.id!=''" v-model="formData.mtRule"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="mtSuttle" label="克重">
|
|
|
- <el-input :disabled="formData.id!=''" v-model="formData.mtSuttle"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="mtModel" label="品牌">
|
|
|
- <el-input :disabled="formData.id!=''" v-model="formData.mtModel"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="byUnit" label="采购单位">
|
|
|
- <el-input :disabled="formData.id!=''" v-model="formData.byUnit"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="mtUnit" label="库充单位">
|
|
|
- <el-input :disabled="formData.id!=''" v-model="formData.mtUnit"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="seUnit" label="使用单位">
|
|
|
- <el-input :disabled="formData.id!=''" v-model="formData.seUnit"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col v-show="formData.id!=''" :span="12">
|
|
|
- <el-form-item prop="convertUnitByToMt" label="采购=>库存">
|
|
|
- <el-input v-model="formData.convertUnitByToMt"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="计价方式">
|
|
|
- <el-select v-model="formData.priceType">
|
|
|
- <el-option label="吨价" :value="0"></el-option>
|
|
|
- <el-option label="平方价" :value="1"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="barCode" label="条形码">
|
|
|
- <el-input :disabled="formData.id!=''" v-model="formData.barCode"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="remark" label="备注">
|
|
|
- <el-input v-model="formData.remark"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <template #footer>
|
|
|
- <div class="dialog-footer">
|
|
|
- <el-button v-throttle type="primary" @click="handleSubmit">确 定</el-button>
|
|
|
- <el-button @click="closeDialog()">取 消</el-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-dialog>
|
|
|
- <check-dialog ref="checkDialog" @tableChange="tableChange"></check-dialog>
|
|
|
- <check-modle ref="checkModle" @modleChange="modleChange"></check-modle>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-<script setup lang="ts">
|
|
|
-import {addPaperInfo, getPaperInfo, updatePaperInfo} from "@/api/baseInfo";
|
|
|
-import type {FormInstance} from 'element-plus'
|
|
|
-import CheckDialog from './checkDialog.vue'
|
|
|
-import CheckModle from './checkModle.vue'
|
|
|
-let dialogVisible = ref(false)
|
|
|
-let dialogTitle = ref("")
|
|
|
-const formRef = ref<FormInstance>()
|
|
|
-const checkDialog = ref<any>()
|
|
|
-const checkModle = ref<any>()
|
|
|
-let basePaperName = ref('')
|
|
|
-let mtModelName = ref();
|
|
|
-const emit = defineEmits(['dialogChange'])
|
|
|
-const formData = reactive({
|
|
|
- id: "",
|
|
|
- idPaperType: '',
|
|
|
- idPaperBaseInfo: '',
|
|
|
- paperName: '',
|
|
|
- mtRule: '',
|
|
|
- mtSuttle: '',
|
|
|
- paperCode: '',
|
|
|
- mtModel: '选择品牌',
|
|
|
- convertUnitByToMt: '',
|
|
|
- convertUnitMtToSe: '',
|
|
|
- byUnit: '吨',
|
|
|
- mtUnit: '令',
|
|
|
- seUnit: '张',
|
|
|
- barCode: '',
|
|
|
- remark: '',
|
|
|
- priceType: 0,
|
|
|
-})
|
|
|
-function paperDialog() {
|
|
|
- checkDialog.value.dialogVisible = true;
|
|
|
- checkDialog.value.dialogTitle = '选择纸张类型';
|
|
|
-}
|
|
|
-function mtModelDialog() {
|
|
|
- checkModle.value.dialogVisible = true;
|
|
|
- checkModle.value.dialogTitle = '选择品牌';
|
|
|
-}
|
|
|
-function handleSubmit() {
|
|
|
- formRef.value.validate((valid: any) => {
|
|
|
- if (valid) {
|
|
|
- const itemId = formData.id;
|
|
|
- if (itemId) {
|
|
|
- //修改
|
|
|
- const postData = JSON.stringify(formData)
|
|
|
- const params = {
|
|
|
- "info": postData,
|
|
|
- }
|
|
|
- updatePaperInfo(params).then((response) => {
|
|
|
- dialogVisible.value = false
|
|
|
- if (response.httpCode == 200) {
|
|
|
- emit('dialogChange');
|
|
|
- ElMessage.success("操作成功");
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
- //增加
|
|
|
- if (!formData.idPaperBaseInfo) {
|
|
|
- ElMessage.warning('请选择纸张类型')
|
|
|
- return
|
|
|
- }
|
|
|
- if (!mtModelName.value) {
|
|
|
- ElMessage.warning('请选择品牌')
|
|
|
- return
|
|
|
- }
|
|
|
- const postData = JSON.stringify(formData)
|
|
|
- const params = {
|
|
|
- "info": postData
|
|
|
- }
|
|
|
- addPaperInfo(params).then((response) => {
|
|
|
- dialogVisible.value = false
|
|
|
- if (response.httpCode == 200) {
|
|
|
- emit('dialogChange');
|
|
|
- ElMessage.success("操作成功");
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-}
|
|
|
-
|
|
|
-function getItemData(item) {
|
|
|
- const data = {
|
|
|
- id: item
|
|
|
- }
|
|
|
- getPaperInfo(data).then(response => {
|
|
|
- if (response.httpCode == 200) {
|
|
|
- const data = response.data
|
|
|
- basePaperName.value = data.paperTypeName
|
|
|
- mtModelName.value = data.mtModel
|
|
|
- Object.assign(formData, {...data});
|
|
|
- }
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-/** 重置表单 */
|
|
|
-function resetForm() {
|
|
|
- formRef.value.resetFields();
|
|
|
- formData.id = ''
|
|
|
- console.log(formData.id);
|
|
|
-}
|
|
|
-
|
|
|
-/**关闭弹窗 */
|
|
|
-function closeDialog() {
|
|
|
- dialogVisible.value = false
|
|
|
- formRef.value.resetFields();
|
|
|
- formData.id = undefined;
|
|
|
-}
|
|
|
-function tableChange(row) {
|
|
|
- console.log(row);
|
|
|
- formData.mtSuttle = row.mtSuttle
|
|
|
- formData.idPaperBaseInfo = row.id
|
|
|
- formData.idPaperType = row.idPaperType
|
|
|
- basePaperName.value = row.paperName
|
|
|
-}
|
|
|
-function modleChange(row) {
|
|
|
- console.log(row);
|
|
|
- formData.mtModel = row.brandName;
|
|
|
- mtModelName.value = row.brandName;
|
|
|
-}
|
|
|
-
|
|
|
-defineExpose({
|
|
|
- dialogVisible,
|
|
|
- dialogTitle,
|
|
|
- getItemData,
|
|
|
- resetForm
|
|
|
-})
|
|
|
-</script>
|
|
|
-
|
|
|
-
|
|
|
-<style scoped lang="scss">
|
|
|
-
|
|
|
-</style>
|