dongjiabo
/
networkPc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
main
dongmu 7 months ago
parent 9e8a9ce993
commit 9ba9df9cec
4 changed files with 768 additions and 2 deletions
Show Stats Download Patch File Download Diff File

4
.env.development
Unescape View File

@ -11,8 +11,8 @@ VUE_APP_BASE_API = ''
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true
# 代理地址 - 请求地址 # 代理地址 - 请求地址
# VUE_API_TARGET = "http://localhost:8080/" VUE_API_TARGET = "http://localhost:8080/"
VUE_API_TARGET = "http://192.168.111.244:8080/" # VUE_API_TARGET = "http://192.168.111.244:8080/"
# VUE_API_TARGET = "http://112.112.149.149:8088/" # VUE_API_TARGET = "http://112.112.149.149:8088/"

119
src/api/common.js
Unescape View File

@ -0,0 +1,119 @@
import request from "@/utils/request";
//上传图片接口
export function uploadAtt(data) {
return request({
url: "/file/upload",
method: "post",
data,
});
}
//上传公用收款码
export function upPublicPayment(data) {
return request({
url: "/system/user/profile/setPaymentCode1",
method: "post",
data,
});
}
//上传私用收款码
export function upPrivatePayment(data) {
return request({
url: "/system/user/profile/setPaymentCode2",
method: "post",
data,
});
}
//递归获取行政区划树形列表 - 第三级
export function recursionList() {
return request({
url: "/order/dictAreaCode/recursionList",
method: "get",
});
}
//递归获取行政区划树形列表 - 第四级
export function recursionListLevel3() {
return request({
url: "/order/dictAreaCode/recursionListLevel3",
method: "get",
});
}
//递归获取行政区划 - 根据父级地址查询子级--第四级接口
export async function area(data) {
return request({
url: "/order/dictAreaCode/area",
method: "get",
params: data,
});
}
// 查询车型
export function queryVehicls() {
return request({
method: "get",
url: "system/dict/data/type/vehicle_hpzl",
});
}
// 获取货物信息字典表
export function goodsDicList() {
return request({
url: "/system/goodsDic/goodsDicList",
method: "get",
// params: data,
});
}
// 获取车长列表---查询车辆类型字典 -- 所有
export function vehicleLong() {
return request({
url: "/system/vehicleDic/queryList",
method: "get",
});
}
// 获取承运商接口
export function availableList(data) {
return request({
url: "/system/fleet/availableList",
method: "get",
params: data,
});
}
// 查询操作人所属公司的可用车队车队
export function queryByDept(data) {
return request({
url: "/system/fleet/queryByDept",
method: "get",
params: data,
});
}
// 运单指派列表查询
export function assignList(data) {
return request({
url: "/order/waybill/assignList",
method: "get",
params: data,
});
}
// 项目列表接口
export function projectList() {
return request({
url: "/system/project/getList",
method: "get",
});
}
// 获取中转站列表接口
export function allWarehouseAndSite() {
return request({
url: "/system/warehouse/allWarehouseAndSite",
method: "get",
});
}

BIN
src/assets/images/comper.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

647
src/views/relatedSettings/companies/index.vue
Unescape View File

@ -0,0 +1,647 @@
<template>
<div>
<!-- 企业认证 -->
<div class="home">
<!-- 背景图片 -->
<div class="header">
<div class="headerItem" style="">
<div style="font-size: 20px">欢迎认证</div>
<div class="title" style="">鸿运运智慧物流企业账号</div>
<!-- 信息标题 -->
<div style="display: flex">
<!-- 标题--填写信息 -->
<div style="display: flex; align-items: flex-start">
<!-- 线 -->
<div class="lineLeft" style=""></div>
<div class="flexs" style="">
<!-- 圆圈 -->
<div>
<!-- 空心圆 -->
<div class="radius" style="">
<!-- 实心圆 -->
<div class="radiusItem" style=""></div>
</div>
</div>
<!-- 标题 -->
<div class="titleHeader" style="">填写信息</div>
</div>
<!-- 线 -->
<div class="lineRight" style=""></div>
</div>
<!-- 标题--人工审核 -->
<div style="display: flex; align-items: flex-start">
<!-- 线 -->
<div class="lineLeft" style=""></div>
<div class="flexs">
<!-- 圆圈 -->
<div>
<!-- 空心圆 -->
<div class="radius" style="">
<!-- 实心圆 -->
<div class="radiusItem" style=""></div>
</div>
</div>
<!-- 标题 -->
<div class="titleHeader">人工审核</div>
</div>
<!-- 线 -->
<div class="lineRight" style=""></div>
</div>
<!-- 认证结果 -->
<div style="display: flex; align-items: flex-start">
<!-- 线 -->
<div
class="lineLeft"
style="border-bottom: 3px solid #ffffff59"
></div>
<div class="flexs">
<!-- 圆圈 -->
<div>
<!-- 空心圆 -->
<div class="radius" style="border: 1px solid #ffffff59">
<!-- 实心圆 -->
<div
class="radiusItem"
style="background-color: #ffffff59"
></div>
</div>
</div>
<!-- 标题 -->
<div class="titleHeader">认证结果</div>
</div>
<!-- 线 -->
<div
class="lineRight"
style="border-bottom: 3px solid #ffffff59"
></div>
</div>
</div>
</div>
</div>
<!-- 认证提示 -->
<div>
<el-card class="box-card">
<div style="font-size: 12px">
<span style="font-weight: bold; font-size: 13px">企业认证</span>
<span style="color: #de1414; margin-left: 12px">温馨提示： </span>
<span>认证信息已提交人工审核中，请耐心等待</span>
<span style="margin-left: 12px; font-weight: bold"
><i class="el-icon-phone"></i>客服电话：123466788</span
>
</div>
</el-card>
</div>
<!-- 企业信息 -->
<div style="padding-top: 5px">
<!-- 信息展示 -->
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
label-width="80px"
>
<!--企业 信息展示 -->
<el-card class="box-card">
<div style="padding: 10px 70px; width: 100%">
<el-row>
<el-col :span="4">
<div style="font-weight: bold; font-size: 13px">企业信息</div>
</el-col>
</el-row>
<el-row :gutter="60" style="margin-top: 20px">
<el-col :span="8" :push="1">
<el-col :span="24">
<div style="">
<el-form-item
label-width="120px"
label="企业名称"
prop="name"
>
<el-input
placeholder="请输入企业名称"
size="mini"
v-model="formData.name"
></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="24">
<div style="">
<el-form-item
label-width="120px"
label="企业类型"
prop=""
>
<el-input
placeholder="请输入企业类型"
size="mini"
v-model="formData.name"
></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="24">
<div style="">
<el-form-item
label-width="120px"
label="营业执照注册号"
prop="nameY"
>
<el-input
placeholder="请输入营业执照注册号"
size="mini"
v-model="formData.nameY"
></el-input>
</el-form-item>
</div>
</el-col>
</el-col>
<el-col :span="8">
<el-col :span="24">
<div style="">
<el-form-item label-width="120px" label="年营业额">
<el-input
placeholder="请输入年营业额"
size="mini"
v-model="formData.name"
></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="24">
<div style="">
<el-form-item
label-width="120px"
label="固定资产"
prop=""
>
<el-input
placeholder="请输入固定资产"
size="mini"
v-model="formData.name"
></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="24">
<div style="">
<el-form-item label-width="120px" label="注册资金">
<el-input
placeholder="请输入注册资金"
size="mini"
v-model="formData.nameY"
></el-input>
</el-form-item>
</div>
</el-col>
</el-col>
<el-col :span="7">
<div>
<el-form-item
label-width="100px"
required
label="上传营业执照:"
>
<div style="display: flex">
<div style="flex: 3">
<div class="messageImg" style="">
<div style="">
<!-- 展示单个图片 -->
<el-upload
ref="addUpImgRef"
action="#"
:limit="1"
class="avatar-uploader"
:show-file-list="true"
:http-request="
(params) => uploadFile(params, 'yyzz')
"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="
(a, b) => handleRemove(a, b, 'yyzz')
"
:file-list="fileList"
:class="{
hide: httpRequestImgYyzz,
}"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog
:modal="false"
:visible.sync="dialogVisibleImg"
>
<img
width="50%"
height="50%"
:src="dialogImageUrlImg"
alt=""
/>
</el-dialog>
</div>
</div>
</div>
<div class="message" style="">
请提供真实的营业执照原件照片，交字盖章清晰可辨认，格式要求jpg，png，jpeg，图片大小不超过引
</div>
</div>
</el-form-item>
</div>
</el-col>
</el-row>
</div>
</el-card>
<!-- 身份信息 -->
<el-card class="box-card" style="margin-top: 5px">
<div style="padding: 10px 70px; width: 100%">
<el-row>
<el-col :span="4">
<div style="font-weight: bold; font-size: 13px">身份信息</div>
</el-col>
</el-row>
<el-row :gutter="60" style="margin-top: 20px">
<el-col :span="8" :push="1">
<el-col :span="24">
<div style="">
<el-form-item
label-width="120px"
label="法人姓名"
prop="name"
>
<el-input
placeholder="请输入法人姓名"
size="mini"
v-model="formData.name"
></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="24">
<div style="">
<el-form-item
label-width="120px"
label="法人身份证"
prop=""
>
<el-input
placeholder="请输入法人身份证"
size="mini"
v-model="formData.name"
></el-input>
</el-form-item>
</div>
</el-col>
</el-col>
<el-col :span="7" :push="1">
<div>
<el-form-item
label-width="100px"
required
label="身份证人面像:"
>
<div style="display: flex">
<div style="flex: 3">
<div class="messageImg" style="">
<div style="">
<!-- 展示单个图片 -->
<el-upload
ref="addUpImgRef"
action="#"
:limit="1"
class="avatar-uploader"
:show-file-list="true"
:http-request="
(params) => uploadFile(params, 'sfzzm')
"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="
(a, b) => handleRemove(a, b, 'sfzzm')
"
:class="{
hide: httpRequestImgSfzzm,
}"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog
:modal="false"
:visible.sync="dialogVisibleImg"
>
<img
width="50%"
height="50%"
:src="dialogImageUrlImg"
alt=""
/>
</el-dialog>
</div>
</div>
</div>
<div class="message" style="">
请提供真实的身份证原件正面照片（个人头像面），文字清断可辨认，格式要求jpg，png，jpeg，图片大小不超过3M
</div>
</div>
</el-form-item>
</div>
</el-col>
<el-col :span="7" :push="1">
<div>
<el-form-item
label-width="100px"
required
label="身份证国徽面:"
>
<div style="display: flex">
<div style="flex: 3">
<div class="messageImg" style="">
<div style="">
<!-- 展示单个图片 -->
<el-upload
ref="addUpImgRef"
action="#"
:limit="1"
class="avatar-uploader"
:show-file-list="true"
:http-request="
(params) => uploadFile(params, 'sfzfm')
"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="
(a, b) => handleRemove(a, b, 'sfzfm')
"
:class="{
hide: httpRequestImgSfzfm,
}"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog
:modal="false"
:visible.sync="dialogVisibleImg"
>
<img
width="50%"
height="50%"
:src="dialogImageUrlImg"
alt=""
/>
</el-dialog>
</div>
</div>
</div>
<div class="message" style="">
请提供真实的身份证原件反面照片（国微面），文字清晰可辨认，格式要求jpg，png，jpeg图片大小不超过3M
</div>
</div>
</el-form-item>
</div>
</el-col>
</el-row>
</div>
<div style="text-align: center">
<el-button @click="submint" size="mini" type="primary"
>提交</el-button
>
</div>
</el-card>
</el-form>
</div>
</div>
</div>
</template>
<script>
import { uploadAtt } from "@/api/common";
export default {
data() {
return {
fileList: [],
httpRequestImg: false, //展示单个图片
httpRequestImgYyzz: false, //展示单个图片--营业照
httpRequestImgSfzzm: false, //展示单个图片--身份证正面
httpRequestImgSfzfm: false, //展示单个图片---身份证反面
formData: {
name: "",
},
dialogVisibleImg: false,
dialogImageUrlImg: "",
addForm: {
attDTOList: [],
},
// 校验
formRules: {
name: [
{ required: true, message: "请输入企业名称", trigger: "blur" },
{ min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
],
nameY: [
{ required: true, message: "请输入营业执照注册号", trigger: "blur" },
],
},
};
},
mounted() {},
methods: {
// 提交信息
submint() {
console.log("提交信息");
},
//上传图片
uploadFile(params, name) {
let fd = new FormData();
fd.append("file", params.file);
fd.append("FileName", params.file.name);
fd.append("user", "");
// console.log(fd, "params.file.name");
// console.log(params, "params");
let that = this;
// that.httpRequestImg = true;
console.log(name);
// 营业执照
if (name == "yyzz") {
that.httpRequestImgYyzz = true;
} else if (name == "sfzzm") {
//身份证正面
that.httpRequestImgSfzzm = true;
} else if (name == "sfzfm") {
//身份证正面
that.httpRequestImgSfzfm = true;
}
// query是放在params中接收的参数，fd是放在了body中接收
uploadAtt(fd).then((res) => {
if (res.code == 200) {
//上传成功
that.dialogImageUrlImg = res.data.url;
let attachmentPath = {
attachmentPath: that.dialogImageUrlImg,
type: 1,
attachmentCode: params.file.uid,
};
that.addForm.attDTOList.push(attachmentPath);
console.log(this.addForm.attDTOList, "attDTOList");
} else {
// 营业执照
if (name == "yyzz") {
that.httpRequestImgYyzz = false;
} else if (name == "sfzzm") {
//身份证正面
that.httpRequestImgSfzzm = false;
} else if (name == "sfzfm") {
//身份证正面
that.httpRequestImgSfzfm = false;
}
}
});
},
// 预览照片
handlePictureCardPreview(file) {
console.log(file);
this.dialogImageUrlImg = file.url;
this.dialogVisibleImg = true;
},
// 删除对应照片
handleRemove(file, fileList, name) {
// 营业执照
if (name == "yyzz") {
setTimeout(() => {
this.httpRequestImgYyzz = false;
}, 1000);
} else if (name == "sfzzm") {
//身份证正面
setTimeout(() => {
this.httpRequestImgSfzzm = false;
}, 1000);
} else if (name == "sfzfm") {
//身份证正面
setTimeout(() => {
this.httpRequestImgSfzfm = false;
}, 1000);
}
console.log(file, fileList);
this.xszzm = "";
// this.httpRequestImg = fileList.length >= 1;
},
},
};
</script>
<style scoped lang="scss" rel="stylesheet/scss">
::v-deep .el-form-item__label {
font-size: 12px;
}
::v-deep .lineHeight .el-form-item--medium .el-form-item__content {
line-height: 17px;
}
::v-deep .messageImg .el-upload--picture-card {
width: 100%;
height: 80px;
line-height: 80px;
}
::v-deep .el-upload-list--picture-card .el-upload-list__item {
width: 100%;
height: 80px;
line-height: 80px;
}
.hide {
::v-deep .el-upload--picture-card {
display: none;
}
}
.message {
flex: 3;
align-self: start;
font-size: 9px;
line-height: 18px;
padding-top: 7px;
}
.messageImg {
width: 90%;
height: 80px;
background-color: #d3c9c9bd;
margin-top: 10px;
}
.title {
margin: 10px 0 20px 0;
font-size: 15px;
}
.titleHeader {
color: #fff;
margin-top: 10px;
font-size: 13px;
}
.flexs {
display: flex;
flex-direction: column;
align-items: center;
}
.home {
width: 100%;
min-height: calc(100vh - 84px);
background-color: #e9ecf3;
padding: 3px 10px;
}
.header {
display: flex;
justify-content: center;
align-items: center;
height: 190px;
background-image: url("~@/assets/images/comper.png");
background-size: cover;
margin-bottom: 3px;
.headerItem {
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
font-weight: bold;
}
}
.lineLeft {
width: 110px;
border-bottom: 3px solid #fff;
padding-top: 10px;
margin-right: -15px;
}
.lineRight {
width: 110px;
border-bottom: 3px solid #fff;
padding-top: 10px;
margin-left: -15px;
}
.radius {
border: 1px solid #fff;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
.radiusItem {
width: 60%;
height: 60%;
background-color: #fff;
border-radius: 50%;
}
}
</style>
Write Preview
Loading…
Cancel
Save