Skip to content

S
sensorConsult
Commit a668db84 authored by zhanglw's avatar zhanglw
Browse files
Options

添加客户信息

parent ab931088
Show whitespace changes
Inline Side-by-side
Showing with 136 additions and 68 deletions
src/api/common.js
View file @ a668db84
...@@ -7,7 +7,16 @@ export const HttpReq = { ...@@ -7,7 +7,16 @@ export const HttpReq = {
uploadBusinessLicense: function(data) { uploadBusinessLicense: function(data) {
return request({ return request({
url: '/api/bsw/users/updateBusinessLicense', url: '/api/bsw/users/updateBusinessLicense',
method: 'POST', method: 'post',
data: data
}).then((res) => {
return res
})
},
deleteBusinessLicense: function(data) {
return request({
url: '/api/bsw/users/deleteBusinessLicense',
method: 'delete',
data: data data: data
}).then((res) => { }).then((res) => {
return res return res
...@@ -20,6 +29,16 @@ export const HttpReq = { ...@@ -20,6 +29,16 @@ export const HttpReq = {
method: 'get', method: 'get',
params: param params: param
}) })
},
// 获取行政区划
addCustomer: function(data) {
return request({
url: '/api/bsw/users/addCustomer',
method: 'POST',
data: data
}).then((res) => {
return res
})
} }
} }
} }
......
src/views/backstage/customMgt/customTabulate/add.vue
View file @ a668db84
...@@ -2,43 +2,44 @@ ...@@ -2,43 +2,44 @@
<!-- 表单渲染 --> <!-- 表单渲染 -->
<el-dialog append-to-body :close-on-click-modal="false" :before-close="cancelView" :visible="visible" :title="title" width="860px"> <el-dialog append-to-body :close-on-click-modal="false" :before-close="cancelView" :visible="visible" :title="title" width="860px">
<el-form ref="formViewRef" :model="formData" :rules="rules" :status-icon="true" label-width="240px"> <el-form ref="formViewRef" :model="formData" :rules="rules" :status-icon="true" label-width="240px">
<el-form-item label="标识设置：" class="form-cell" prop="rank"> <el-form-item label="标识设置：" class="form-cell" prop="supplierLevel">
<div class="cell-box"> <div class="cell-box">
<el-radio-group v-model="formData.rank" size="mini"> <el-radio-group v-model="formData.supplierLevel" size="mini">
<el-radio v-for="item in dict.supplier_rank" :key="item.value" :label="item.value"> <el-radio v-for="item in dict.supplier_rank" :key="item.value" :label="item.value">
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="企业名称：" class="form-cell" prop="name"> <el-form-item label="企业名称：" class="form-cell" prop="enterpriseName">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.name" placeholder="请输入企业名称" class="cell-input" /> <el-input v-model="formData.enterpriseName" placeholder="请输入企业名称" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="企业联系人：" class="form-cell" prop="xxxxx"> <el-form-item label="企业联系人：" class="form-cell" prop="enterpriseContactPerson">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="请输入联系人" class="cell-input" /> <el-input v-model="formData.enterpriseContactPerson" placeholder="请输入联系人" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="企业联系人手机号：" class="form-cell" prop="xxxxx"> <el-form-item label="企业联系人手机号：" class="form-cell" prop="enterpriseContactPersonPhone">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="请输入手机号" class="cell-input" /> <el-input v-model="formData.enterpriseContactPersonPhone" placeholder="请输入手机号" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="企业地址：" class="form-cell" prop="xxxxx"> <el-form-item label="企业地址：" class="form-cell" prop="enterpriseAddress">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="请输入地址" class="cell-input" /> <el-input v-model="formData.enterpriseAddress" placeholder="请输入地址" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="企业邮箱：" class="form-cell" prop="xxxxx"> <el-form-item label="企业邮箱：" class="form-cell" prop="enterpriseEmail">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="请输入邮箱" class="cell-input" /> <el-input v-model="formData.enterpriseEmail" placeholder="请输入邮箱" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="营业执照：" class="form-cell"> <el-form-item label="营业执照：" class="form-cell" prop="businessLicense">
<div class="cell-box"> <div class="cell-box">
<el-upload <el-upload
ref="uploadCom"
action="/api/bsw/users/updateBusinessLicense" action="/api/bsw/users/updateBusinessLicense"
name="businessLicense" name="businessLicense"
list-type="picture-card" list-type="picture-card"
...@@ -55,103 +56,103 @@ ...@@ -55,103 +56,103 @@
<img width="100%" :src="dialogImageUrl"> <img width="100%" :src="dialogImageUrl">
</el-dialog> </el-dialog>
</div> </div>
{{ formData.picFileName }} {{ formData.businessLicense }}
</el-form-item> </el-form-item>
<el-form-item label="统一社会信用代码：" class="form-cell" prop="xxxxx"> <el-form-item label="统一社会信用代码：" class="form-cell" prop="unifiedSocialCreditCode">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="请输入18位统一社会信用代码" class="cell-input" /> <el-input v-model="formData.unifiedSocialCreditCode" placeholder="请输入18位统一社会信用代码" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="纳税人识别号：" class="form-cell" prop="xxxxx"> <el-form-item label="纳税人识别号：" class="form-cell" prop="taxpayerIdentificationNumber">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="请输入纳税人识别号" class="cell-input" /> <el-input v-model="formData.taxpayerIdentificationNumber" placeholder="请输入纳税人识别号" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="所属行业：" class="form-cell" prop="hy"> <el-form-item label="所属行业：" class="form-cell" prop="industry">
<div class="cell-box"> <div class="cell-box">
<el-select v-model="formData.hy" placeholder="无" class="cell-select"> <el-select v-model="formData.industry" placeholder="无" class="cell-select">
<el-option v-for="item in dict.industry_type" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in dict.industry_type" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="登记机关：" class="form-cell" prop="xxxxx"> <el-form-item label="登记机关：" class="form-cell" prop="registrationAuthority">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="请输入登记机关" class="cell-input" /> <el-input v-model="formData.registrationAuthority" placeholder="请输入登记机关" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="法定代表人：" class="form-cell" prop="xxxxx"> <el-form-item label="法定代表人：" class="form-cell" prop="legalRepresentative">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="请输入法定代表人" class="cell-input" /> <el-input v-model="formData.legalRepresentative" placeholder="请输入法定代表人" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="经营状态：" class="form-cell" prop="zt"> <el-form-item label="经营状态：" class="form-cell" prop="businessStatus">
<div class="cell-box"> <div class="cell-box">
<el-select v-model="formData.zt" placeholder="无" class="cell-select"> <el-select v-model="formData.businessStatus" placeholder="无" class="cell-select">
<el-option v-for="item in dict.business_status" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in dict.business_status" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="成立日期：" class="form-cell" prop="zt"> <el-form-item label="成立日期：" class="form-cell" prop="establishmentDate">
<div class="cell-box"> <div class="cell-box">
<el-date-picker v-model="formData.date" type="date" placeholder="请选择日期" /> <el-date-picker v-model="formData.establishmentDate" type="date" placeholder="请选择日期" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="经营期限：" class="form-cell" prop="xxxxx"> <el-form-item label="经营期限（年）：" class="form-cell" prop="operatingPeriod">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" type="number" placeholder="请输入数字" class="cell-input" /> <el-input v-model="formData.operatingPeriod" type="number" placeholder="请输入数字" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="审核/年检日期：" class="form-cell" prop="zt"> <el-form-item label="审核/年检日期：" class="form-cell" prop="annualInspectionDate">
<div class="cell-box"> <div class="cell-box">
<el-date-picker v-model="formData.date" type="date" placeholder="请选择日期" /> <el-date-picker v-model="formData.annualInspectionDate" type="date" placeholder="请选择日期" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="企业类型：" class="form-cell" prop="lx"> <el-form-item label="企业类型：" class="form-cell" prop="enterpriseType">
<div class="cell-box"> <div class="cell-box">
<el-select v-model="formData.lx" placeholder="无" class="cell-select"> <el-select v-model="formData.enterpriseType" placeholder="无" class="cell-select">
<el-option v-for="item in dict.company_type" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in dict.company_type" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="注册资本：" class="form-cell" prop="xxxxx"> <el-form-item label="注册资本（万元）：" class="form-cell" prop="registeredCapital">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" type="number" placeholder="请输入数字" class="cell-input" /> <el-input v-model="formData.registeredCapital" type="number" placeholder="请输入数字" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="注册地址：" class="form-cell" prop="lx"> <el-form-item label="注册地址：" class="form-cell">
<div class="cell-box"> <div class="cell-box">
<el-select v-model="formData.province" placeholder="省" style="width: 120px" @change="findAreaByCodeAndType(formData.province,2, 'cityOpts')"> <el-select v-model="formData.registeredAddressProvince" placeholder="省" style="width: 120px" @change="findAreaByCodeAndType(formData.registeredAddressProvince,2, 'cityOpts')">
<el-option v-for="item in provinceOpts" :key="item.id" :label="item.name" :value="item.code" /> <el-option v-for="item in provinceOpts" :key="item.id" :label="item.name" :value="item.code" />
</el-select> </el-select>
<el-select v-model="formData.city" placeholder="市" style="width: 160px" @change="findAreaByCodeAndType(formData.city,3, 'countyOpts')"> <el-select v-model="formData.registeredAddressCity" placeholder="市" style="width: 160px" @change="findAreaByCodeAndType(formData.registeredAddressCity,3, 'countyOpts')">
<el-option v-for="item in cityOpts" :key="item.id" :label="item.name" :value="item.code" /> <el-option v-for="item in cityOpts" :key="item.id" :label="item.name" :value="item.code" />
</el-select> </el-select>
<el-select v-model="formData.county" placeholder="区/县" style="width: 160px"> <el-select v-model="formData.registeredAddressArea" placeholder="区/县" style="width: 160px">
<el-option v-for="item in countyOpts" :key="item.id" :label="item.name" :value="item.code" /> <el-option v-for="item in countyOpts" :key="item.id" :label="item.name" :value="item.code" />
</el-select> </el-select>
</div> </div>
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.xxxxx" placeholder="详细地址（例如：和平路北大街106号）" class="cell-input" /> <el-input v-model="formData.registeredAddressStreet" placeholder="详细地址（例如：和平路北大街106号）" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="经营范围：" class="form-cell" prop="xxxxx"> <el-form-item label="经营范围：" class="form-cell" prop="businessScope">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.textarea" type="textarea" placeholder="请输入文本内容" maxlength="1000" :autosize="{ minRows: 4, maxRows: 6}" show-word-limit resize="none" class="cell-input" /> <el-input v-model="formData.businessScope" type="textarea" placeholder="请输入文本内容" maxlength="1000" :autosize="{ minRows: 4, maxRows: 6}" show-word-limit resize="none" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="企业介绍：" class="form-cell" prop="xxxxx"> <el-form-item label="企业介绍：" class="form-cell" prop="enterpriseIntroduction">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.textarea" type="textarea" placeholder="请输入文本内容" maxlength="1000" :autosize="{ minRows: 4, maxRows: 6}" show-word-limit resize="none" class="cell-input" /> <el-input v-model="formData.enterpriseIntroduction" type="textarea" placeholder="请输入文本内容" maxlength="1000" :autosize="{ minRows: 4, maxRows: 6}" show-word-limit resize="none" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="主营产品：" class="form-cell" prop="xxxxx"> <el-form-item label="主营产品介绍：" class="form-cell" prop="mainProductsIntroduction">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.textarea" type="textarea" placeholder="请输入文本内容" maxlength="1000" :autosize="{ minRows: 4, maxRows: 6}" show-word-limit resize="none" class="cell-input" /> <el-input v-model="formData.mainProductsIntroduction" type="textarea" placeholder="请输入文本内容" maxlength="1000" :autosize="{ minRows: 4, maxRows: 6}" show-word-limit resize="none" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="业务范围：" class="form-cell" prop="xxxxx"> <el-form-item label="业务范围：" class="form-cell" prop="businessScopeIntroduction">
<div class="cell-box"> <div class="cell-box">
<el-input v-model="formData.textarea" type="textarea" placeholder="请输入文本内容" maxlength="1000" :autosize="{ minRows: 4, maxRows: 6}" show-word-limit resize="none" class="cell-input" /> <el-input v-model="formData.businessScopeIntroduction" type="textarea" placeholder="请输入文本内容" maxlength="1000" :autosize="{ minRows: 4, maxRows: 6}" show-word-limit resize="none" class="cell-input" />
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -179,15 +180,46 @@ export default { ...@@ -179,15 +180,46 @@ export default {
cityOpts: [], cityOpts: [],
countyOpts: [], countyOpts: [],
formData: { formData: {
rank: '1', annualInspectionDate: '', // 审核日期
picFileName: '', businessLicense: '', // 营业执照的照片名称
province: null, businessScope: '', // 经营范围
city: null, businessScopeIntroduction: '', // 业务范围介绍
county: null, businessStatus: '', // 经营状态
name: '' enterpriseAddress: '', // 企业地址
enterpriseContactPerson: '', // 企业联系人
enterpriseContactPersonPhone: '', // 企业联系人手机号
enterpriseEmail: '', // 企业邮箱
enterpriseIntroduction: '', // 企业介绍
enterpriseName: '', // 企业名称
enterpriseType: '', // 企业类型
establishmentDate: '', // 成立日期
industry: '', // 所属行业
legalRepresentative: '', // 法定代表人
mainProductsIntroduction: '', // 主营产品介绍
operatingPeriod: '', // 经营期限
registeredAddressArea: '', // 注册地址-区
registeredAddressCity: '', // 注册地址-市
registeredAddressProvince: '', // 注册地址-省
registeredAddressStreet: '', // 注册地址-街道
registeredCapital: '', // 注册资本
registrationAuthority: '', // 登记机关
supplierLevel: '1', // 供应商级别
taxpayerIdentificationNumber: '', // 纳税人识别号
unifiedSocialCreditCode: '', // 统一社会信用代码
sysUserId: null
}, },
rules: { rules: {
name: { required: true, message: '请输入企业名称', trigger: 'blur' } enterpriseName: { required: true, message: '请填写企业名称', trigger: 'blur' },
enterpriseContactPerson: { required: true, message: '请填写企业联系人', trigger: 'blur' },
enterpriseContactPersonPhone: { required: true, message: '请填写企业联系人手机号', trigger: 'blur' },
enterpriseAddress: { required: true, message: '请填写企业地址', trigger: 'blur' },
businessLicense: { required: true, message: '请输上传营业执照', trigger: 'blur' },
unifiedSocialCreditCode: { required: true, message: '请填写统一社会信用代码', trigger: 'blur' },
industry: { required: true, message: '请选择所属行业', trigger: 'blur' },
registeredCapital: { required: true, message: '请填写注册资本', trigger: 'blur' },
enterpriseIntroduction: { required: true, message: '请填写企业介绍', trigger: 'blur' },
mainProductsIntroduction: { required: true, message: '请填写主营产品介绍', trigger: 'blur' },
businessScopeIntroduction: { required: true, message: '请填写业务范围介绍', trigger: 'blur' }
} }
} }
}, },
...@@ -202,6 +234,7 @@ export default { ...@@ -202,6 +234,7 @@ export default {
this.visible = true this.visible = true
}, },
hideView() { hideView() {
this.$refs.uploadCom.clearFiles()
this.$refs.formViewRef.resetFields() this.$refs.formViewRef.resetFields()
this.cityOpts = [] this.cityOpts = []
this.countyOpts = [] this.countyOpts = []
...@@ -214,6 +247,13 @@ export default { ...@@ -214,6 +247,13 @@ export default {
this.$refs.formViewRef.validate((valid, obj) => { this.$refs.formViewRef.validate((valid, obj) => {
if (valid) { if (valid) {
console.log(this.formData) console.log(this.formData)
HttpReq.backstageApi.addCustomer(this.formData).then((res) => {
this.$notify({
title: res.msg,
type: 'success',
duration: 2500
})
})
} else { } else {
this.$message({ this.$message({
message: '表单信息有误，请核对无误后提交！', message: '表单信息有误，请核对无误后提交！',
...@@ -229,11 +269,20 @@ export default { ...@@ -229,11 +269,20 @@ export default {
}) })
}, },
handleRemove(file, fileList) { handleRemove(file, fileList) {
HttpReq.backstageApi.deleteBusinessLicense({
businessLicense: file.response.businessLicense
}).then((res) => {
this.$notify({
title: res.msg,
type: 'success',
duration: 2500
})
const arr = [] const arr = []
fileList.forEach(item => { fileList.forEach(item => {
arr.push(item.response.businessLicense) arr.push(item.response.businessLicense)
}) })
this.formData.picFileName = arr.join(';') this.formData.businessLicense = arr.join(';')
})
}, },
handlePictureCardPreview(file) { handlePictureCardPreview(file) {
this.dialogImageUrl = file.url this.dialogImageUrl = file.url
...@@ -241,9 +290,9 @@ export default { ...@@ -241,9 +290,9 @@ export default {
}, },
excelImported(response, file, fileList) { excelImported(response, file, fileList) {
this.$nextTick(() => { this.$nextTick(() => {
const arr = this.formData.picFileName ? this.formData.picFileName.split(';') : [] const arr = this.formData.businessLicense ? this.formData.businessLicense.split(';') : []
arr.push(response.businessLicense) arr.push(response.businessLicense)
this.formData.picFileName = arr.join(';') this.formData.businessLicense = arr.join(';')
this.$notify({ this.$notify({
title: '上传成功！', title: '上传成功！',
type: 'success', type: 'success',
...@@ -255,11 +304,11 @@ export default { ...@@ -255,11 +304,11 @@ export default {
switch (optsName) { switch (optsName) {
case 'provinceOpts': case 'provinceOpts':
case 'cityOpts': case 'cityOpts':
this.formData.city = null this.formData.registeredAddressCity = null
this.formData.county = null this.formData.registeredAddressArea = null
break break
case 'countyOpts': case 'countyOpts':
this.formData.county = null this.formData.registeredAddressArea = null
} }
HttpReq.backstageApi.findAreaByCodeAndType({ HttpReq.backstageApi.findAreaByCodeAndType({
code, type code, type
......
src/views/dashboard/PanelGroup.vue
View file @ a668db84
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text"> <div class="card-panel-text">
今日访客 今日访问
</div> </div>
<count-to :start-val="0" :end-val="102400" :duration="2600" class="card-panel-num" /> <count-to :start-val="0" :end-val="102400" :duration="2600" class="card-panel-num" />
</div> </div>
......
src/views/home.vue
View file @ a668db84
...@@ -17,7 +17,7 @@ import LineChart from './dashboard/LineChart' ...@@ -17,7 +17,7 @@ import LineChart from './dashboard/LineChart'
const lineChartData = { const lineChartData = {
newVisitis: { newVisitis: {
dataArr: [100, 120, 161, 134, 105, 160, 165], dataArr: [100, 120, 161, 134, 105, 160, 165],
dataLable: '每日访客' dataLable: '每日访问'
}, },
messages: { messages: {
dataArr: [200, 192, 120, 144, 160, 130, 140], dataArr: [200, 192, 120, 144, 160, 130, 140],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment