parent
7e21c955ca
commit
328d6f5b01
@ -0,0 +1,34 @@ |
||||
import request from '@/utils/request' |
||||
// 创建栏目管理
|
||||
export function createCompanyInfo(data) { |
||||
return request({ |
||||
url: '/cjy/company-info/create', |
||||
method: 'post', |
||||
data: data |
||||
}) |
||||
} |
||||
|
||||
// 更新栏目管理
|
||||
export function updateCompanyInfo(data) { |
||||
return request({ |
||||
url: '/cjy/company-info/update', |
||||
method: 'put', |
||||
data: data |
||||
}) |
||||
} |
||||
|
||||
// 公司信息
|
||||
export function getColumnInfo() { |
||||
return request({ |
||||
url: '/cjy/company-info/get?id=1', |
||||
method: 'get', |
||||
}) |
||||
} |
||||
// 公司信息列表
|
||||
export function getColumnInfoPage(params) { |
||||
return request({ |
||||
url: '/cjy/company-info/page', |
||||
method: 'get', |
||||
params |
||||
}) |
||||
} |
||||
@ -0,0 +1,101 @@ |
||||
<template> |
||||
<div class="app-container"> |
||||
<el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="100px"> |
||||
<el-form-item label="公司地址" prop="address"> |
||||
<el-input v-model="formData.address" placeholder="请输入公司地址"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="公司网址" prop="url"> |
||||
<el-input v-model="formData.url" placeholder="请输入公司网址"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="联系电话" prop="phone"> |
||||
<el-input v-model="formData.phone" placeholder="请输入联系电话"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="荣誉资质" prop="honor"> |
||||
<el-input v-model="formData.honor" placeholder="请输入荣誉资质"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="研发产品" prop="product"> |
||||
<el-input v-model="formData.product" placeholder="请输入研发产品"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="公司logo" prop="logo"> |
||||
<ImageUpload :limit="1" v-model="formData.logo"/> |
||||
</el-form-item> |
||||
<el-form-item label="公司二维码" prop="type"> |
||||
<ImageUpload :limit="1" v-model="formData.qrCode"/> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<el-button type="primary" @click="submitForm" :disabled="formLoading">确 定</el-button> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import * as Api from '@/api/cjy/company'; |
||||
import ImageUpload from '@/components/ImageUpload'; |
||||
import Editor from '@/components/Editor'; |
||||
export default { |
||||
name: "index", |
||||
components: { |
||||
ImageUpload, |
||||
Editor, |
||||
}, |
||||
data() { |
||||
return { |
||||
// 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
||||
formLoading: false, |
||||
// 表单参数 |
||||
formData: { |
||||
"id": undefined, |
||||
"url": undefined, |
||||
"address": undefined, |
||||
"honor": undefined, |
||||
"product": undefined, |
||||
"phone": undefined, |
||||
"qrCode": undefined, |
||||
"logo": undefined |
||||
}, |
||||
// 表单校验 |
||||
formRules: { }, |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.getCompany() |
||||
}, |
||||
methods: { |
||||
/** 提交按钮 */ |
||||
async getCompany(){ |
||||
let res=await Api.getColumnInfo(); |
||||
this.formData=res.data |
||||
}, |
||||
/** 提交按钮 */ |
||||
async submitForm() { |
||||
// 校验主表 |
||||
await this.$refs["formRef"].validate(); |
||||
this.formLoading = true; |
||||
try { |
||||
const data = this.formData; |
||||
// 修改的提交 |
||||
if (this.formData.id) { |
||||
await Api.updateCompanyInfo(data); |
||||
this.$modal.msgSuccess("修改成功"); |
||||
this.dialogVisible = false; |
||||
this.$emit('success'); |
||||
return; |
||||
}else{ |
||||
// 添加的提交 |
||||
await Api.createCompanyInfo(data); |
||||
this.$modal.msgSuccess("新增成功"); |
||||
this.dialogVisible = false; |
||||
this.$emit('success'); |
||||
} |
||||
} finally { |
||||
this.formLoading = false; |
||||
} |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
Loading…
Reference in new issue