|
@@ -4,35 +4,25 @@
|
|
|
<div class="page-container form-container">
|
|
|
<!-- 功能按钮区域 -->
|
|
|
<div class="form-btns-container">
|
|
|
- <span class="title-label"><el-icon>
|
|
|
+ <span class="title-label"
|
|
|
+ ><el-icon>
|
|
|
<Document />
|
|
|
- </el-icon> 产品详情</span>
|
|
|
+ </el-icon>
|
|
|
+ 产品详情</span
|
|
|
+ >
|
|
|
<el-button-group>
|
|
|
<el-button v-if="editStatus" type="primary" size="small" icon="Finished" @click="submitForm">保存</el-button>
|
|
|
<el-button v-else type="warning" size="small" icon="Edit" @click="editStatus = true">编辑</el-button>
|
|
|
<el-button v-if="form.id && editStatus" type="info" size="small" icon="Close" @click="editStatus = false">取消编辑</el-button>
|
|
|
- <el-button v-if="form.id" type="success" size="small" @click="getForm">
|
|
|
- <i class="fa fa-refresh" aria-hidden="true" /> 刷新
|
|
|
- </el-button>
|
|
|
+ <el-button v-if="form.id" type="success" size="small" @click="getForm"> <i class="fa fa-refresh" aria-hidden="true" /> 刷新 </el-button>
|
|
|
</el-button-group>
|
|
|
-
|
|
|
- <div class="screen-btn" @click="handleScreen">
|
|
|
- <template v-if="!isFullscreen">
|
|
|
- <i class="fa fa-window-maximize" aria-hidden="true" />
|
|
|
- <!-- <span>全屏</span> -->
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <i class="fa fa-window-restore" aria-hidden="true" />
|
|
|
- <!-- <span>还原</span> -->
|
|
|
- </template>
|
|
|
- </div>
|
|
|
<div class="close-btn" @click="cancel">
|
|
|
<i class="fa fa-times" aria-hidden="true" />
|
|
|
<!-- <span>关闭</span> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 主表 -->
|
|
|
- <el-form ref="productRef" class="master-container" :model="form" :rules="rules" label-width="120px">
|
|
|
+ <!-- 主表 -->
|
|
|
+ <el-form ref="productRef" class="master-container" :model="form" :rules="rules" label-width="120px">
|
|
|
<el-row :gutter="30">
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="料号" prop="productCode">
|
|
@@ -49,12 +39,12 @@
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="轴类型大类" prop="shaftBroadCategoryCode">
|
|
|
<template v-if="editStatus">
|
|
|
- <el-select v-model="form.shaftBroadCategoryCode" placeholder="请选择轴类型大类" clearable>
|
|
|
- <el-option v-for="dict in product_dtype" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-select v-model="form.shaftBroadCategoryCode" placeholder="请选择轴类型大类" clearable>
|
|
|
+ <el-option v-for="dict in product_dtype" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
+ </el-select>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <span >{{ form.shaftBroadCategoryCode }}</span>
|
|
|
+ <span>{{ form.shaftBroadCategoryCode }}</span>
|
|
|
</template>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -121,36 +111,36 @@
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="产品状态:" prop="productStatusCode">
|
|
|
<template v-if="editStatus">
|
|
|
- <el-select v-model="form.productStatusCode" placeholder="请选择产品状态" clearable>
|
|
|
- <el-option v-for="dict in product_status_code" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-select v-model="form.productStatusCode" placeholder="请选择产品状态" clearable>
|
|
|
+ <el-option v-for="dict in product_status_code" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
+ </el-select>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <span >{{ form.shaftBroadCategoryCode }}</span>
|
|
|
+ <span>{{ form.shaftBroadCategoryCode }}</span>
|
|
|
</template>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="生产类型" prop="productionTypeCode">
|
|
|
<template v-if="editStatus">
|
|
|
- <el-select v-model="form.productionTypeCode" placeholder="请选择生产类型" clearable>
|
|
|
- <el-option v-for="dict in production_type_code" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-select v-model="form.productionTypeCode" placeholder="请选择生产类型" clearable>
|
|
|
+ <el-option v-for="dict in production_type_code" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
+ </el-select>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <span >{{ form.productionTypeCode }}</span>
|
|
|
+ <span>{{ form.productionTypeCode }}</span>
|
|
|
</template>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="类别" prop="type">
|
|
|
<template v-if="editStatus">
|
|
|
- <el-select v-model="form.type" placeholder="请选择类别">
|
|
|
- <el-option v-for="dict in product_type " :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-select v-model="form.type" placeholder="请选择类别">
|
|
|
+ <el-option v-for="dict in product_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
+ </el-select>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <span>{{ form.type }}</span>
|
|
|
+ <span>{{ form.type }}</span>
|
|
|
</template>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -179,11 +169,8 @@ const { production_type_code } = proxy.useDict('production_type_code')
|
|
|
/** 表单抽屉 页变量 */
|
|
|
const title = ref('')
|
|
|
const loading = ref(false)
|
|
|
-const multiple = ref(true)
|
|
|
const visible = ref(false)
|
|
|
const editStatus = ref(false)
|
|
|
-const isFullscreen = ref(false)
|
|
|
-const webHost = import.meta.env.VITE_APP_BASE_API
|
|
|
const data = reactive({
|
|
|
form: {},
|
|
|
rules: {
|
|
@@ -211,22 +198,18 @@ const data = reactive({
|
|
|
})
|
|
|
const { form, rules } = toRefs(data)
|
|
|
|
|
|
-
|
|
|
/*********************** 方法区 ****************************/
|
|
|
/** 打开抽屉 */
|
|
|
function open(id) {
|
|
|
reset()
|
|
|
visible.value = true
|
|
|
- if (id) {
|
|
|
- getProduct(id).then((response) => {
|
|
|
- form.value = response.data
|
|
|
- editStatus.value = false
|
|
|
- title.value = '修改项目信息'
|
|
|
- })
|
|
|
- } else {
|
|
|
- editStatus.value = true
|
|
|
- title.value = '添加项目信息'
|
|
|
- }
|
|
|
+ loading.value = true
|
|
|
+ getProduct(id || 0).then((res) => {
|
|
|
+ if (res.data) {
|
|
|
+ form.value = res.data
|
|
|
+ }
|
|
|
+ loading.value = false
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
/** 取消按钮 */
|
|
@@ -281,12 +264,6 @@ function reset() {
|
|
|
proxy.resetForm('productRef')
|
|
|
}
|
|
|
|
|
|
-/** 全屏缩放 */
|
|
|
-function handleScreen() {
|
|
|
- const dom = document.querySelector('.column-container > .el-drawer__wrapper > .el-overlay')
|
|
|
- isFullscreen.value = !isFullscreen.value
|
|
|
- dom.style.position = isFullscreen.value ? 'fixed' : 'absolute'
|
|
|
-}
|
|
|
/** 提交按钮 */
|
|
|
function submitForm() {
|
|
|
proxy.$refs['productRef'].validate((valid) => {
|
|
@@ -308,7 +285,6 @@ function submitForm() {
|
|
|
})
|
|
|
}
|
|
|
|
|
|
-
|
|
|
/** 查询表单信息 */
|
|
|
function getForm() {
|
|
|
loading.value = true
|