Merge branch 'master' of https://gitee.com/a1536384743/erp_-override

廖井涛

2024-04-22 42bc535c947bcf999c706a753635d35ef73f91e6

 north-glass-erp/northglass-erp/src/views/sd/basicData/CreateBasicData.vue

New file
@@ -0,0 +1,205 @@
<script setup>
import request from "@/utils/request"
import {onMounted, ref, watch} from "vue";
import {useI18n} from "vue-i18n"
import {ElMessage} from "element-plus"
import {useRouter,useRoute} from "vue-router"
const { t } = useI18n()
const router = useRouter()
const route = useRoute()


let basic = ref({
  basicType : ['',''],
  input:''
})
let options=ref([
  { "label": "订单",
    "value": "order",
    "children": [
      {
        "label": "订单类型",
        "value": "orderType"
      },
      {
        "label": "订单分类",
        "value": "orderClassify"
      },
      {
        "label": "商标选项",
        "value": "icon"
      },
      {
        "label": "包装方式",
        "value": "packType"
      },
      {
        "label": "铝条方式",
        "value": "alType"
      },
      {
        "label": "业务员",
        "value": "saleMan"
      }
    ]
  },
  {
    "label": "产品",
    "value": "product",
    "children": [
      {
        "label": "材料厚度",
        "value": "stuffThickness"
      },
      {
        "label": "材料颜色",
        "value": "stuffColor"
      },
      {
        "label": "工艺属性",
        "value": "stuffCraft"
      },
      {
        "label": "玻璃位置",
        "value": "stuffPosition"
      },
      {
        "label": "lowe",
        "value": "stuffLowE"
      },
      {
        "label": "夹胶厚度",
        "value": "InterlayerThickness"
      },
      {
        "label": "夹胶类型",
        "value": "InterlayerType"
      },
      {
        "label": "夹胶颜色",
        "value": "InterlayerColor"
      },
      {
        "label": "工艺流程",
        "value": "process"
      },
      {
        "label": "中空厚度",
        "value": "hollowThickness"
      },
      {
        "label": "充气方式",
        "value": "hollowGasType"
      },
      {
        "label": "封胶",
        "value": "hollowType"
      },
      {
        "label": "默认胶深",
        "value": "hollowGlueDepth"
      }
    ]
  },
  {
    "children": [
      {
        "label": "付款条件",
        "value": "paymentTerms"
      },
      {
        "label": "收款方式",
        "value": "payMethod"
      }
    ],
    "label": "送货",
    "value": "delivery"
  }
])

let props = defineProps({
  rowIndex:{
    Object,
    default: null
  }
})
onMounted(() =>{
  if(props.rowIndex){
    basic.value.basicType[0] =  props.rowIndex.basicType
    basic.value.basicType[1] =  props.rowIndex.basicCategory
    basic.value.input =  props.rowIndex.basicName
  }
})

const emit =  defineEmits(['gaveParent'])
const saveBasicData =  () =>{
  request.post(`/basicData/addBasicData`, basic.value).then(res => {
    if (res.data) {
      ElMessage.success('保存成功')
      emit('gaveParent', true)
    }
  })
}
const updateBasicData =  () =>{
  let submitArr  = props.rowIndex
  submitArr.basicType = basic.value.basicType[0]
  submitArr.basicCategory = basic.value.basicType[1]
  submitArr.basicName = basic.value.input
  request.post(`/basicData/updateBasicData`, submitArr).then(res => {
    if (res.data) {
      ElMessage.success('修改成功')
      emit('gaveParent', true)
    }
  })

}

const handleChange = (value) => {
  const filterArr = options.value.filter((item) =>item.value === value[0]
  ).map((item) =>item.children.filter((item) =>item.value === value[1]))
}


</script>

<template>
  <div>
    <el-row>
      <el-col :span="4">基础类型:</el-col>
      <el-col :span="12">
        <el-cascader
            v-model="basic.basicType"
            @change="handleChange"
            :options="options"
            clearable
            placeholder=""
            :disabled="props.rowIndex"
        />
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="4">名称:</el-col>
      <el-col :span="12">
        <el-input v-model="basic.input"/>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="4"></el-col>
      <el-col :span="12">
        <el-button v-show="!props.rowIndex" @click="saveBasicData" type="primary">新增</el-button>
        <el-button v-show="props.rowIndex" @click="updateBasicData" type="primary">修改</el-button>

      </el-col>
    </el-row>

  </div>
</template>

<style scoped>
div{
  text-align: center;
}
.el-row{
  margin-top: 10px;
}
</style>