Skip to content

Z
zhichan
Commit 5f9b2e4b by 任建
Options

rj

parents a05a0337 e4a74084
Showing with 1633 additions and 104 deletions
channel-access/public/index.html
......@@ -2,19 +2,21 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>企链</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<!-- <title>企链</title> -->
<title>公司注册方案</title>
</head>
<body>
<noscript>
<strong>We're sorry but channel-access doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<noscript>
<strong>We're sorry but channel-access doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
\ No newline at end of file
channel-access/src/assets/css/company.scss
......@@ -13,7 +13,7 @@
}
.el-tabs__item.is-active {
color: #dfb76b;
background: #FAFAFA;
background: #fafafa;
border-top: 2px solid #dfb76b;
}
......@@ -22,7 +22,10 @@
width: 140px;
text-align: center;
}
.el-tabs__item:nth-child(1){
.el-table--enable-row-transition .el-table__body td {
text-align: center;
}
.el-tabs__item:nth-child(1) {
}
.el-tabs__item:hover {
color: #565656;
......@@ -34,7 +37,19 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.85);
}
.el-table th.is-leaf{
background: #FAFAFA;
.el-table th.is-leaf {
background: #fafafa;
}
.el-pagination.is-background .el-pager li {
border-radius: 2px;
background: #fff;
border: 1px solid rgba(198, 203, 212, 1);
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
background: #DFB76B;
color:#fff ;
}
.el-pagination.is-background .el-pager li:not(.active):hover{
color: #DFB76B;
}
}
channel-access/src/router/index.js
......@@ -149,10 +149,17 @@ const routes = [
},
///// 公司列表页
{
path: '/comapnylist',
name: 'comapnylist',
component: () => import('@/views/fqembed/comapnylist.vue')
}
path: "/companylist",
name: "companylist",
component: () => import("@/views/fqembed/companylist.vue")
},
///// 中转页面
{
path: "/needProxy",
name: "needProxy",
component: () => import("@/views/fqembed/needProxy.vue")
},
];
const router = new VueRouter({
routes,
......
channel-access/src/views/fqembed/Cloudcompany.vue
......@@ -67,13 +67,14 @@
<el-input type="textarea" :rows="3" placeholder="请输入该方案其他备注" v-model="notes"></el-input>
</div>
<div class="cell-group">
<el-button>提交</el-button>
<div class="cell-group submitwrap">
<el-button @click="submitAdd">提交</el-button>
</div>
</div>
</div>
</template>
<script>
import req from "axios";
export default {
data() {
return {
......@@ -145,14 +146,91 @@ export default {
notes: ""
};
},
methods: {}
methods: {
submitAdd() {
// 非空判断
if (this.gardenValue == "") {
this.$message("云公司注册园区不能为空");
return;
}
if (this.natureValue == "") {
this.$message("云公司注册类型不能为空");
return;
}
if (this.tissueValue == "") {
this.$message("云公司产品类型不能为空");
return;
}
if (this.notes == "") {
this.$message("云公司注册方案备注不能为空");
return;
}
console.log(
"按提交按钮的提交前的参数：",
"注册园区：",
this.gardenValue,
"注册类型：",
this.natureValue,
"产品类型：",
this.tissueValue,
"方案备注：",
this.notes
);
req
.post(
"/api/web/action/icapi/springBoard",
{
actionType: "submitProgramme",
actionBody: {
needNo: "N202002141324bupnr8L",
solutionContent: {
bizType: "companyreg_cloud", // 注册类型：
notes: this.notes, // 方案备注
solution: {
// 公司注册方案
entName: "", //公司名称
province: "", // 注册地区：省
city: "", // 注册地区：市
taxpayerType: "", // 纳税人类型
entNature: "", // 公司性质
organizationType: "", // 组织类型
industry: "", // 从事行业
businessScope: "", // 经营范围
// 云上公司注册方案
regPark: this.gardenValue, // 注册园区
regType: this.natureValue, // 注册类型
productType: this.tissueValue // 产品类型
}
}
}
},
{
headers: {
token: "3260d5a2452441dd93ecc7ecb35f6dc0",
userpin: "39fcf7bc5f6c4e55a1f85d750e37316b"
}
}
)
.then(res => {
console.log("提交公司注册方案", res);
if (res.data.status == 0) {
this.$message("公司注册方案提交成功");
// 清空 字段
} else {
this.$message("公司注册方案提交失败");
}
});
}
}
};
</script>
<style lang="scss">
.cloud {
header {
height: 43px;
padding: 0 20px;
/* height: 43px;
padding: 0 20px; */
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -176,7 +254,8 @@ export default {
font-weight: bold;
color: rgba(51, 51, 51, 1);
box-sizing: border-box;
padding-left: 70px;
/* padding-left: 70px; */
padding-left: 50px;
> div:nth-child(1) {
width: 2px;
margin-right: 6px;
......@@ -187,7 +266,8 @@ export default {
.cell-group {
margin-top: 20px;
box-sizing: border-box;
padding-left: 55px;
/* padding-left: 55px; */
padding-left: 75px;
> span {
display: inline-block;
width: 94px;
......@@ -257,6 +337,9 @@ export default {
.cell-group:nth-of-type(10) {
margin-top: 25px;
}
.submitwrap {
padding-left: 30%;
}
}
}
</style>
\ No newline at end of file
channel-access/src/views/fqembed/Clouddetails.vue 0 → 100644
<template>
<div class="clouddetails">
<header>
<!-- <span>云上公司注册方案</span>
<i class="el-icon-close" ></i>-->
</header>
<div class="content" v-if="modifyShow">
<div class="title">
<div></div>
<div>方案信息</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
注册园区：
</span>
<div class="select">
<el-select v-model="gardenValue" placeholder="请选择">
<el-option
v-for="item in garden"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
注册类型：
</span>
<div class="select">
<el-select v-model="natureValue" placeholder="请选择">
<el-option
v-for="item in nature"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
产品类型：
</span>
<div class="select">
<el-select v-model="tissueValue" placeholder="请选择">
<el-option
v-for="item in tissue"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
方案备注：
</span>
<el-input type="textarea" :rows="3" placeholder="请输入该方案其他备注" v-model="notes"></el-input>
</div>
<div class="cell-group">
<el-button>提交</el-button>
</div>
</div>
<div class="modify-cloud" v-else>
<div class="title">
<div></div>
<div>方案信息</div>
</div>
<div class="cross">
<div>方案编号：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>当前状态：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>注册园区：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>注册类型：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>产品类型：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>方案金额：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>方案备注：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>用户反馈：</div>
<div>1231321321321</div>
</div>
<div class="btm-btn">
<!-- <el-button @click="modifyOrder">修改</el-button>
<el-button>作废</el-button>-->
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
name: "",
region: "",
gardenValue: "",
natureValue: "",
industryValue: "文化传媒类",
tissueValue: "",
modifyShow: false,
garden: [
{
value: "上海云上公司",
label: "上海云上公司"
},
{
value: "东莞云上公司",
label: "东莞云上公司"
},
{
value: "东营云上公司",
label: "东营云上公司"
},
{
value: "中山云上公司",
label: "中山云上公司"
},
{
value: "重庆云上公司",
label: "重庆云上公司"
},
{
value: "郑州云上公司",
label: "郑州云上公司"
},
{
value: "贵州云上公司",
label: "贵州云上公司"
},
{
value: "开封云上公司",
label: "开封云上公司"
}
],
nature: [
{
value: "个体户注册",
label: "个体户注册"
},
{
value: "个人独资企业",
label: "个人独资企业"
}
],
tissue: [
{
label: "个体商户注册刻章服务",
value: "个体商户注册刻章服务"
},
{
label: "内资小规模有限公司",
value: "内资小规模有限公司"
},
{
label: "内资小规模有限公司注册刻章服务",
value: "内资小规模有限公司注册刻章服务"
}
],
notes: ""
};
},
methods: {
modifyOrder() {
this.modifyShow = !this.modifyShow;
}
}
};
</script>
<style lang="scss">
.clouddetails {
header {
/* height: 43px;
padding: 0 20px; */
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
display: flex;
align-items: center;
justify-content: space-between;
> i {
cursor: pointer;
}
}
.content {
box-sizing: border-box;
.title {
display: flex;
height: 38px;
align-items: flex-end;
font-size: 14px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: rgba(51, 51, 51, 1);
box-sizing: border-box;
/* padding-left: 70px; */
padding-left: 50px;
> div:nth-child(1) {
width: 2px;
margin-right: 6px;
height: 12px;
background: rgba(223, 183, 106, 1);
}
}
.cell-group {
margin-top: 20px;
box-sizing: border-box;
/* padding-left: 55px; */
padding-left: 75px;
> span {
display: inline-block;
width: 94px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
text-align: right;
> span {
color: #dfb76a;
font-size: 12px;
}
}
.el-input {
width: 430px;
.el-input__inner {
height: 34px;
line-height: 0;
}
}
.el-textarea {
width: 430px;
display: inline-block;
.el-textarea__inner {
resize: none;
}
}
> .region {
display: inline-block;
.el-select {
.el-input--suffix {
width: 210px;
}
.el-input--suffix:nth-child(1) {
margin-right: 10px;
}
}
}
> .select {
display: inline-block;
.el-select {
.el-input--suffix {
width: 430px;
}
}
}
> .el-button {
width: 106px;
height: 30px;
background: rgba(223, 183, 106, 1);
border-radius: 3px;
padding: 0;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
margin-left: 94px;
}
}
.cell-group:nth-child(5),
.cell-group:nth-child(8) {
display: flex;
> span {
margin-top: 15px;
}
}
.cell-group:nth-of-type(10) {
margin-top: 25px;
}
}
.modify-cloud {
.title {
display: flex;
height: 38px;
align-items: flex-end;
font-size: 14px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: rgba(51, 51, 51, 1);
box-sizing: border-box;
padding-left: 70px;
> div:nth-child(1) {
width: 2px;
margin-right: 6px;
height: 12px;
background: rgba(223, 183, 106, 1);
}
}
.line {
width: 517px;
border-bottom: 1px dashed #dcdcdc;
margin-left: 65px;
margin-top: 26px;
}
.cross {
display: flex;
margin-top: 24px;
> div:nth-child(1) {
width: 143px;
text-align: right;
margin-right: 14px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(81, 81, 81, 1);
}
> div:nth-child(2) {
max-width: 424px;
width: 164px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
}
.btm-btn {
margin-top: 22px;
margin-left: 72px;
> .el-button {
width: 106px;
height: 30px;
background: rgba(223, 183, 106, 1);
border-radius: 3px;
padding: 0;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
}
> .el-button:nth-child(2) {
width: 106px;
height: 30px;
background: rgba(240, 240, 240, 1);
border-radius: 3px;
border: none;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(102, 102, 102, 1);
}
}
}
}
</style>
\ No newline at end of file
channel-access/src/views/fqembed/Companydetail.vue 0 → 100644
<template>
<div class="details">
<header>
<!-- <span>公司注册方案</span>
<i class="el-icon-close"></i>-->
</header>
<div class="content" v-if="0">
<div class="title">
<div></div>
<div>方案信息</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
公司名称：
</span>
<el-input v-model="name" placeholder="请输入客户的商号或公司全称（城市+商号+行业+组织形式）"></el-input>
</div>
<div class="cell-group">
<span>
<span>*</span>
注册地区：
</span>
<div class="region">
<el-select v-model="region" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
纳税人类型：
</span>
<div class="select">
<el-select v-model="taxpayerValue" placeholder="请选择">
<el-option
v-for="item in taxpayer"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
公司性质：
</span>
<div class="select">
<el-select v-model="natureValue" placeholder="请选择">
<el-option
v-for="item in nature"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
组织类型：
</span>
<div class="select">
<el-select v-model="tissueValue" placeholder="请选择">
<el-option
v-for="item in tissue"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
从事行业：
</span>
<div class="industry">
<el-radio-group v-model="industryValue">
<el-radio-button :label="item" v-for="(item, index) in industry" :key="index"></el-radio-button>
</el-radio-group>
</div>
</div>
<div class="cell-group">
<span>
<span>*</span>
经营范围：
</span>
<el-input type="textarea" :rows="3" placeholder="请自定义输入公司经营范围，每个经营项以“ ；”隔开" v-model="scope"></el-input>
</div>
<div class="cell-group">
<span>
<span>*</span>
方案备注：
</span>
<el-input v-model="notes" placeholder="请输入该方案其他备注"></el-input>
</div>
<div class="cell-group">
<el-button>提交</el-button>
</div>
</div>
<div class="modify-company">
<div class="title">
<div></div>
<div>方案信息</div>
</div>
<div class="cross">
<div>公司名称：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>注册地区：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>纳税人类型：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>公司性质：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>组织类型：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>从事行业：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>经营范围：</div>
<div>1231321321321</div>
</div>
<div class="line"></div>
<div class="title">
<div></div>
<div>方案信息</div>
</div>
<div class="cross">
<div>方案编号：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>当前状态：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>方案金额：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>方案备注：</div>
<div>1231321321321</div>
</div>
<div class="cross">
<div>用户反馈：</div>
<div>1231321321321</div>
</div>
<div class="btm-btn">
<!-- <el-button @click="modifyOrder">提交</el-button> -->
<!-- <el-button @click="modifyOrder">修改</el-button> -->
<!-- <el-button>作废</el-button> -->
</div>
</div>
</div>
</template>
<script>
import req from "axios";
export default {
data() {
return {
name: "",
options: [
{
value: "选项1",
label: "黄金糕"
},
{
value: "选项2",
label: "双皮奶"
}
],
region: "",
taxpayerValue: "",
natureValue: "",
value: "",
industryValue: "文化传媒类",
tissueValue: "",
notes: "",
scope: "",
taxpayer: [
{
value: "内资小规模",
label: "内资小规模"
},
{
value: "内资一般人",
label: "内资一般人"
},
{
value: "合资小规模",
label: "合资小规模"
},
{
value: "合资一般人",
label: "合资一般人"
},
{
value: "外资小规模",
label: "外资小规模"
},
{
value: "外资一般人",
label: "外资一般人"
}
],
nature: [
{
value: "有限公司",
label: "有限公司"
},
{
value: "股份有限公司",
label: "股份有限公司"
},
{
value: "集团有限公司",
label: "集团有限公司"
}
],
tissue: [
{
label: "个人独资",
value: "个人独资"
},
{
label: "合伙企业",
value: "合伙企业"
}
],
industry: [
"文化传媒类",
"科技类",
"影业类",
"贸易类",
"咨询类",
"广告类",
"管理类",
"租赁类",
"代理类",
"培训类",
"设计类",
"服务类",
"工程类"
]
};
},
methods: {
modifyOrder() {
this.modifyShow = !this.modifyShow;
}
},
created() {
req
.post(
"/api/web/action/icapi/springBoard",
{
actionType: "getProgrammeInfoByNeedNo",
actionBody: {
needNo: "N202002141324bupnr8L"
}
},
{
headers: {
token: "3260d5a2452441dd93ecc7ecb35f6dc0",
userpin: "39fcf7bc5f6c4e55a1f85d750e37316b"
}
}
)
.then(res => {
console.log("获取详情", res);
});
}
};
</script>
<style lang="scss">
.details {
header {
/* height: 43px;
padding: 0 20px; */
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
display: flex;
align-items: center;
justify-content: space-between;
> i {
cursor: pointer;
}
}
.content {
box-sizing: border-box;
.title {
display: flex;
height: 38px;
align-items: flex-end;
font-size: 14px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: rgba(51, 51, 51, 1);
box-sizing: border-box;
padding-left: 70px;
> div:nth-child(1) {
width: 2px;
margin-right: 6px;
height: 12px;
background: rgba(223, 183, 106, 1);
}
}
.cell-group {
margin-top: 20px;
box-sizing: border-box;
padding-left: 55px;
> span {
display: inline-block;
width: 94px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
text-align: right;
> span {
color: #dfb76a;
font-size: 12px;
}
}
.el-input {
width: 430px;
.el-input__inner {
height: 34px;
line-height: 0;
}
}
.el-textarea {
width: 430px;
display: inline-block;
.el-textarea__inner {
resize: none;
}
}
> .region {
display: inline-block;
.el-select {
.el-input--suffix {
width: 210px;
}
.el-input--suffix:nth-child(1) {
margin-right: 10px;
}
}
}
> .select {
display: inline-block;
.el-select {
.el-input--suffix {
width: 430px;
}
}
}
> .industry {
display: inline-block;
width: 430px;
.el-radio-button__inner {
width: 100px;
height: 34px;
background: rgba(255, 255, 255, 1);
border-radius: 3px;
border: 1px solid rgba(223, 224, 225, 1);
margin-right: 10px;
margin-top: 10px;
}
.el-radio-button {
position: relative;
}
// 小图标
.el-radio-button__orig-radio:checked + .el-radio-button__inner::after {
content: "";
background: url("../../assets/imgs/fqembed/right.png") no-repeat;
background-size: 103% 103%;
width: 21.6px;
height: 22.6px;
position: absolute;
right: -1px;
bottom: 0;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
color: #333333;
border-color: #dfb76a;
box-shadow: none;
}
.el-radio-button__inner:hover {
color: #333;
}
.el-radio-button:nth-child(4n) {
.el-radio-button__inner {
margin-right: 0;
}
}
}
> .el-button {
width: 106px;
height: 30px;
background: rgba(223, 183, 106, 1);
border-radius: 3px;
padding: 0;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
margin-left: 94px;
}
}
.cell-group:nth-child(7),
.cell-group:nth-child(8) {
display: flex;
> span {
margin-top: 15px;
}
}
.cell-group:nth-of-type(10) {
margin-top: 25px;
}
}
.modify-company {
.title {
display: flex;
height: 38px;
align-items: flex-end;
font-size: 14px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: rgba(51, 51, 51, 1);
box-sizing: border-box;
padding-left: 50px;
> div:nth-child(1) {
width: 2px;
margin-right: 6px;
height: 12px;
background: rgba(223, 183, 106, 1);
}
}
.line {
width: 517px;
border-bottom: 1px dashed #dcdcdc;
margin-left: 65px;
margin-top: 26px;
}
.cross {
display: flex;
margin-top: 24px;
> div:nth-child(1) {
width: 143px;
text-align: right;
margin-right: 14px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(81, 81, 81, 1);
}
> div:nth-child(2) {
max-width: 424px;
width: 164px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
}
.btm-btn {
margin-top: 22px;
margin-left: 72px;
display: flex;
justify-content: center;
align-items: center;
> .el-button {
width: 106px;
height: 30px;
background: rgba(223, 183, 106, 1);
border-radius: 3px;
padding: 0;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
}
> .el-button:nth-child(2) {
width: 106px;
height: 30px;
background: rgba(240, 240, 240, 1);
border-radius: 3px;
border: none;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(102, 102, 102, 1);
}
}
}
}
</style>
\ No newline at end of file
channel-access/src/views/fqembed/Companysub.vue
......@@ -113,25 +113,28 @@
</span>
<el-input v-model="notes" placeholder="请输入该方案其他备注"></el-input>
</div>
<div class="cell-group">
<el-button>提交</el-button>
<div class="cell-group submitwrap">
<el-button @click="submitAdd">提交</el-button>
</div>
</div>
</div>
</template>
<script>
import req from "axios";
export default {
data() {
return {
name: "",
options: [
{
value: "选项1",
label: "黄金糕"
// value: "选项1",
// label: "黄金糕"
value: "北京",
label: "北京"
},
{
value: "选项2",
label: "双皮奶"
value: "上海",
label: "上海"
}
],
region: "",
......@@ -209,14 +212,123 @@ export default {
]
};
},
methods: {}
created() {},
methods: {
submitAdd() {
// 非空判断
if (this.name == "") {
this.$message("公司注册名称不能为空");
return;
}
if (this.region == "") {
this.$message("公司注册地区省份不能为空");
return;
}
if (this.value == "") {
this.$message("公司注册地区市区不能为空");
return;
}
if (this.taxpayerValue == "") {
this.$message("公司注册纳税人类型不能为空");
return;
}
if (this.natureValue == "") {
this.$message("公司注册公司性质不能为空");
return;
}
if (this.tissueValue == "") {
this.$message("公司注册组织类型不能为空");
return;
}
if (this.industryValue == "") {
this.$message("公司注册从事行业不能为空");
return;
}
if (this.scope == "") {
this.$message("公司注册经营范围不能为空");
return;
}
if (this.notes == "") {
this.$message("公司注册方案备注不能为空");
return;
}
console.log(
"按提交按钮的提交前的参数：",
"公司名称：",
this.name,
"注册地区-省：",
this.region,
"注册地区-市：",
this.value,
"纳税人类型：",
this.taxpayerValue,
"公司性质：",
this.natureValue,
"组织类型：",
this.tissueValue,
"从事行业：",
this.industryValue,
"经营范围：",
this.scope,
"方案备注：",
this.notes
);
req
.post(
"/api/web/action/icapi/springBoard",
{
actionType: "submitProgramme",
actionBody: {
needNo: "N202002141324bupnr8L",
solutionContent: {
bizType: "companyreg", // 注册类型：
notes: this.notes, // 方案备注
solution: {
// 公司注册方案
entName: this.name, //公司名称
province: this.region, // 注册地区：省
city: this.value, // 注册地区：市
taxpayerType: this.taxpayerValue, // 纳税人类型
entNature: this.natureValue, // 公司性质
organizationType: this.tissueValue, // 组织类型
industry: this.industryValue, // 从事行业
businessScope: this.scope, // 经营范围
// 云上公司注册方案
regPark: "", // 注册园区
regType: "", // 注册类型
productType: "" // 产品类型
}
}
}
},
{
headers: {
token: "3260d5a2452441dd93ecc7ecb35f6dc0",
userpin: "39fcf7bc5f6c4e55a1f85d750e37316b"
}
}
)
.then(res => {
console.log("提交公司注册方案", res);
if (res.data.status == 0) {
this.$message("公司注册方案提交成功");
// 清空 字段
} else {
this.$message("公司注册方案提交失败");
}
});
}
}
};
</script>
<style lang="scss">
.warpper {
header {
height: 43px;
padding: 0 20px;
/* height: 43px; */
/* padding: 0 20px; */
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -240,7 +352,8 @@ export default {
font-weight: bold;
color: rgba(51, 51, 51, 1);
box-sizing: border-box;
padding-left: 70px;
/* padding-left: 70px; */
padding-left: 50px;
> div:nth-child(1) {
width: 2px;
margin-right: 6px;
......@@ -251,7 +364,8 @@ export default {
.cell-group {
margin-top: 20px;
box-sizing: border-box;
padding-left: 55px;
/* padding-left: 55px; */
padding-left: 75px;
> span {
display: inline-block;
width: 94px;
......@@ -305,7 +419,7 @@ export default {
height: 34px;
background: rgba(255, 255, 255, 1);
border-radius: 3px;
border: 1px solid rgba(223, 224, 225, 1);
border: 1px solid rgb(7, 10, 14);
margin-right: 10px;
margin-top: 10px;
}
......@@ -361,6 +475,9 @@ export default {
.cell-group:nth-of-type(10) {
margin-top: 25px;
}
.submitwrap {
padding-left: 30%;
}
}
}
</style>
\ No newline at end of file
channel-access/src/views/fqembed/comapnylist.vue → channel-access/src/views/fqembed/companylist.vue
......@@ -3,23 +3,26 @@
<div class="title">注册方案</div>
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="公司注册" name="1">
<el-dialog title="公司注册方案" :visible.sync="companyAddDialog" width="60%" center>
<companysub />
</el-dialog>
<div class="company-find">
<div class="box">
<div>方案编号：</div>
<div>
<el-input v-model="input" placeholder="请输入内容"></el-input>
<el-input v-model="schemeNo" placeholder="请输入内容"></el-input>
</div>
</div>
<div class="box">
<div>服务单号：</div>
<div>
<el-input v-model="input" placeholder="请输入内容"></el-input>
<el-input v-model="serviceNo" placeholder="请输入内容"></el-input>
</div>
</div>
<div class="box">
<div>公司名称：</div>
<div>
<el-input v-model="input" placeholder="请输入内容"></el-input>
<el-input v-model="entName" placeholder="请输入内容"></el-input>
</div>
</div>
<div class="box">
......@@ -77,61 +80,80 @@
</div>
</div>
<div class="box btn">
<el-button>查询</el-button>
<el-button @click="find">查询</el-button>
<el-button @click="addCompany">新增</el-button>
</div>
<el-dialog title="公司注册方案" :visible.sync="companyAddDialog" width="60%" center>
<companysub />
</el-dialog>
</div>
<div class="companylist">
<el-table :data="companyData" style="width: 100%" max-height="250">
<el-table-column fixed prop="date" label="方案编号" width></el-table-column>
<el-table-column prop="name" label="服务单号" width></el-table-column>
<el-table-column prop="province" label="公司名称" width></el-table-column>
<el-table-column prop="city" label="组织类型" width></el-table-column>
<el-table-column prop="address" label="公司性质" width></el-table-column>
<el-table-column prop="zip" label="纳税人类型" width></el-table-column>
<el-table-column prop="zip" label="注册城市" width></el-table-column>
<el-table-column prop="zip" label="方案状态" width>
<el-table :data="companyData" style="width: 100%">
<div slot="empty">
<div class="ndata">
<img src="@/assets/imgs/fqembed/datanull.png" alt />
</div>
<div>很抱歉！暂时没有查询到您搜索到内容～</div>
</div>
<el-table-column fixed prop="solutionNo" label="方案编号" width="188"></el-table-column>
<el-table-column prop="orderNo" label="服务单号" width="188"></el-table-column>
<el-table-column prop="entName" label="公司名称" width></el-table-column>
<el-table-column prop="organizationType" label="组织类型" width></el-table-column>
<el-table-column prop="entNature" label="公司性质" width></el-table-column>
<el-table-column prop="taxpayerType" label="纳税人类型" width></el-table-column>
<el-table-column prop="city" label="注册城市" width></el-table-column>
<el-table-column prop="statusName" label="方案状态">
<template slot-scope="scope">
<el-button
@click.native.prevent="deleteRow(scope.$index, tableData)"
type="text"
size="small"
>移除</el-button>
<div class="payment">
<div :class="dotColor(1)"></div>
<div>{{scope.row.statusName}}</div>
</div>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<el-table-column fixed="right" label="操作">
<template slot-scope="scope">
<el-button
@click.native.prevent="deleteRow(scope.$index, tableData)"
type="text"
size="small"
>移除</el-button>
<div class="handle">
<!-- 需要判断当前付款状态是否有作废 -->
<span @click="toDetails(scope.$index,scope.row)">详情&nbsp;</span>&nbsp;
<span>|</span>&nbsp;
<span>&nbsp;作废</span>
</div>
</template>
</el-table-column>
</el-table>
<el-dialog title="公司注册方案" :visible.sync="companyDetailDialog" width="60%" center>
<Companydetail />
</el-dialog>
</div>
<div class="block">
<el-pagination
@current-change="handleCurrentChange"
:current-page.sync="currentPage2"
:page-size="20"
background
layout="prev, pager, next, jumper"
:total="dataCount"
></el-pagination>
</div>
</el-tab-pane>
<el-tab-pane label="云上公司注册" name="2">
<el-dialog title="云上公司注册方案" :visible.sync="cloudCompanyAddDialog" width="60%" center>
<Cloudcompany />
</el-dialog>
<div class="company-find">
<div class="box">
<div>方案编号：</div>
<div>
<el-input v-model="input" placeholder="请输入内容"></el-input>
<el-input v-model="cSchemeNo" placeholder="请输入内容"></el-input>
</div>
</div>
<div class="box">
<div>服务单号：</div>
<div>
<el-input v-model="input" placeholder="请输入内容"></el-input>
<el-input v-model="cServiceNo" placeholder="请输入内容"></el-input>
</div>
</div>
<div class="box">
<div>公司名称：</div>
<div>
<el-input v-model="input" placeholder="请输入内容"></el-input>
<el-input v-model="cEntName" placeholder="请输入内容"></el-input>
</div>
</div>
<!-- <div class="box">
......@@ -152,9 +174,9 @@
<div class="box">
<div>注册园区：</div>
<div>
<el-select v-model="taxpayer" placeholder="请选择">
<el-select v-model="regPark" placeholder="请选择">
<el-option
v-for="item in taxpayerOptions"
v-for="item in regParkOptions"
:key="item.value"
:label="item.label"
:value="item.value"
......@@ -165,9 +187,9 @@
<div class="box">
<div>产品类型：</div>
<div>
<el-select v-model="city" placeholder="请选择">
<el-select v-model="pType" placeholder="请选择">
<el-option
v-for="item in cityOptions"
v-for="item in pTypeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
......@@ -178,9 +200,9 @@
<div class="box">
<div>方案状态：</div>
<div>
<el-select v-model="scheme" placeholder="请选择">
<el-select v-model="cScheme" placeholder="请选择">
<el-option
v-for="item in schemeOptions"
v-for="item in cSchemeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
......@@ -189,31 +211,55 @@
</div>
</div>
<div class="box btn">
<el-button>查询</el-button>
<el-button @click="find">查询</el-button>
<el-button @click="addCloudCompany">新增</el-button>
</div>
<el-dialog title="云上公司注册方案" :visible.sync="cloudCompanyAddDialog" width="60%" center>
<Cloudcompany />
</el-dialog>
</div>
<div class="companylist">
<el-table :data="companyData" style="width: 100%" max-height="250">
<el-table-column fixed prop="date" label="方案编号" width=""></el-table-column>
<el-table-column prop="name" label="服务单号" width=""></el-table-column>
<el-table-column prop="province" label="注册园区" width=""></el-table-column>
<el-table-column prop="city" label="产品类型" width=""></el-table-column>
<el-table-column prop="address" label="注册类型" width=""></el-table-column>
<el-table-column prop="zip" label="方案状态" width=""></el-table-column>
<el-table-column fixed="right" label="操作" width="">
<el-table :data="cloudData" style="width: 100%">
<div slot="empty">
<div class="ndata">
<img src="@/assets/imgs/fqembed/datanull.png" alt />
</div>
<div>很抱歉！暂时没有查询到您搜索到内容～</div>
</div>
<el-table-column fixed prop="solutionNo" label="方案编号" width></el-table-column>
<el-table-column prop="orderNo" label="服务单号" width></el-table-column>
<el-table-column prop="regPark" label="注册园区" width></el-table-column>
<el-table-column prop="productType" label="产品类型" width></el-table-column>
<el-table-column prop="regType" label="注册类型" width></el-table-column>
<el-table-column prop="statusName" label="方案状态" width>
<template slot-scope="scope">
<div class="payment">
<div :class="dotColor(2)"></div>
<div>{{scope.row.statusName}}</div>
</div>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width>
<template slot-scope="scope">
<el-button
@click.native.prevent="deleteRow(scope.$index, tableData)"
type="text"
size="small"
>移除</el-button>
<div class="handle">
<!-- 需要判断当前付款状态是否有作废 -->
<span @click="toDetails(scope.$index,scope.row)">详情&nbsp;</span>&nbsp;
<span>|</span>&nbsp;
<span>&nbsp;作废</span>
</div>
</template>
</el-table-column>
</el-table>
<el-dialog title="云上公司注册方案" :visible.sync="cloudDetailDialog" width="60%" center>
<Clouddetails />
</el-dialog>
</div>
<div class="block">
<el-pagination
@current-change="handleCurrentChange"
:current-page.sync="currentPage2"
:page-size="20"
background
layout="prev, pager, next, jumper"
:total="dataCount"
></el-pagination>
</div>
</el-tab-pane>
</el-tabs>
......@@ -222,21 +268,30 @@
<script>
import Companysub from "./Companysub.vue";
import Cloudcompany from "./Cloudcompany.vue";
import Companydetail from "./Companydetail.vue";
import Clouddetails from "./Clouddetails.vue";
import req from "axios";
export default {
components: {
Companysub,
Cloudcompany
Cloudcompany,
Companydetail,
Clouddetails
},
data() {
return {
haveChoosedTab: 1, // 选中的Tab标签的名字，来判定详情是显示 公司详情 或 云公司详情
companyAddDialog: false, // 公司注册对话框
cloudCompanyAddDialog: false, // 云公司注册对话框
companyDetailDialog: false, // 公司详情对话框
cloudDetailDialog: false, // 云公司详情对话框
activeName: "1",
input: "",
schemeNo: "",
serviceNo: "",
entName: "",
tissue: "",
taxpayer: "",
city: "",
scheme: "",
tissueOptions: [
{
value: "个人独资",
......@@ -271,7 +326,7 @@ export default {
{
value: "合资一般人",
label: "合资一般人"
},
}
],
cityOptions: [
{
......@@ -283,52 +338,298 @@ export default {
label: "上海"
},
{
value: "山西",
label: "山西"
value: "深圳",
label: "深圳"
},
{
value: "成都",
label: "成都"
},
{
value: "河北",
label: "河北"
value: "杭州",
label: "杭州"
},
{
value: "广州",
label: "广州"
}
],
scheme: "",
schemeOptions: [
{
value: "待确认",
value: "dqr",
label: "待确认"
},
{
value: "已完成",
value: "ywc",
label: "已完成"
},
{
value: "已作废",
value: "yzf",
label: "已作废"
}
],
companyData: [],
// 云 *******************
regParkOptions: [
{
value: "上海云上公司",
label: "上海云上公司"
},
{
value: "东莞云上公司",
label: "东莞云上公司"
},
{
value: "东营云上公司",
label: "东营云上公司"
},
{
value: "中山云上公司",
label: "中山云上公司"
},
{
value: "重庆云上公司",
label: "重庆云上公司"
},
{
value: "郑州云上公司",
label: "郑州云上公司"
},
{
value: "贵州云上公司",
label: "贵州云上公司"
},
{
value: "开封云上公司",
label: "开封云上公司"
}
],
companyData: []
regPark: "",
cSchemeNo: "",
cServiceNo: "",
cEntName: "",
cScheme: "",
cSchemeOptions: [
{
value: "dqr",
label: "待确认"
},
{
value: "ywc",
label: "已完成"
},
{
value: "yzf",
label: "已作废"
}
],
pType: "",
pTypeOptions: [
{
label: "个体商户注册刻章服务",
value: "个体商户注册刻章服务"
},
{
label: "内资小规模有限公司",
value: "内资小规模有限公司"
},
{
label: "内资小规模有限公司注册刻章服务",
value: "内资小规模有限公司注册刻章服务"
}
],
currentPage1: 1,
currentPage2: 1,
cloudData: [],
dataCount: 1
// 获取详情数据
};
},
methods: {
addCompany() {
console.log("公司注册--添加");
console.log("公司注册--添加--详情--test");
this.companyAddDialog = true;
}, // 公司注册添加
addCloudCompany() {
console.log("云上公司注册--添加");
console.log("云上公司注册--添加--详情--test");
this.cloudCompanyAddDialog = true;
// this.cloudDetailDialog = true;
}, // 云上公司注册添加
handleClick(tab, event) {
console.log(tab, event);
if (tab.name == "1") {
this.haveChoosedTab = 1;
console.log("公司注册");
}
if (tab.name == "2") {
this.haveChoosedTab = 2;
console.log("云上公司注册");
}
this.getListData();
},
deleteRow(idx, row) {
console.log(idx, row);
},
toDetails(idx, row) {
console.log(row);
if (this.haveChoosedTab == 1) {
this.companyDetailDialog = true;
}
if (this.haveChoosedTab == 2) {
this.cloudDetailDialog = true;
}
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
this.currentPage1 = val;
this.currentPage2 = val;
this.getListData();
console.log(`当前页: ${val}`);
},
dotColor(status) {
switch (status) {
case 1:
return `hold`;
break;
case 2:
return `done`;
break;
case 3:
return `cancellation`;
break;
}
},
getListData() {
let baseURL = "";
if (process.env.NODE_ENV == "development") {
//开发环境
baseURL = "/api/web/action/icapi/springBoard";
} else if (process.env.NODE_ENV == "production") {
//生产环境
baseURL = "/web/action/icapi/springBoard";
}
if (this.activeName == "1") {
req
.post(
baseURL,
{
actionType: "getProgrammeListByUser",
actionBody: {
pageIndex: this.currentPage1,
pageSize: "20",
needNo: "",
solutionNo: this.schemeNo || "",
bizType: "companyreg",
orderNo: this.serviceNo || "",
status: this.scheme || "",
entName: this.entName || "",
city: this.city,
taxpayerType: this.taxpayer || "",
organizationType: this.tissue || ""
}
},
{
headers: {
token: "3260d5a2452441dd93ecc7ecb35f6dc0",
userpin: "39fcf7bc5f6c4e55a1f85d750e37316b"
}
}
)
.then(res => {
console.log(res.data.data);
if (res.data.status == 0) {
let dataList = [];
let dataItem = {};
res.data.data.map((item, index) => {
dataItem.solutionNo = item.solutionNo || "---";
dataItem.orderNo = item.orderNo || "---";
dataItem.status = item.status || "---";
dataItem.statusName = item.statusName || "---";
dataItem.entName =
item.solutionContent.solution.entName || "---";
dataItem.organizationType =
item.solutionContent.solution.organizationType || "---";
dataItem.entNature =
item.solutionContent.solution.entNature || "---";
dataItem.taxpayerType =
item.solutionContent.solution.taxpayerType || "---";
dataItem.city = item.solutionContent.solution.province || "---";
dataList.push(dataItem);
dataItem = {};
});
this.companyData = dataList;
this.dataCount = res.data.dataCount;
console.log(res.data, "!!!!!!!!!!!!!!!!!!!");
console.log(this.companyData);
}
});
} else if (this.activeName == "2") {
req
.post(
baseURL,
{
actionType: "getProgrammeListByUser",
actionBody: {
pageIndex: this.currentPage2,
pageSize: "20",
needNo: "",
solutionNo: this.cSchemeNo || "", //方案编号
entName: this.cEntName || "",
bizType: "companyreg_cloud",
orderNo: this.cServiceNo || "", //服务单号
status: this.cScheme || "", //方案状态
regPark: this.regPark || "", //注册园区
regType: this.pType || "" //产品类型
}
},
{
headers: {
token: "3260d5a2452441dd93ecc7ecb35f6dc0",
userpin: "39fcf7bc5f6c4e55a1f85d750e37316b"
}
}
)
.then(res => {
console.log(res.data.data);
if (res.data.status == 0) {
let dataList = [];
let dataItem = {};
res.data.data.map((item, index) => {
dataItem.solutionNo = item.solutionNo || "---";
dataItem.orderNo = item.orderNo || "---";
dataItem.status = item.status || "---";
dataItem.statusName = item.statusName || "---";
dataItem.regPark =
item.solutionContent.solution.regPark || "---";
dataItem.regType =
item.solutionContent.solution.regType || "---";
dataItem.productType =
item.solutionContent.solution.productType || "---";
dataList.push(dataItem);
dataItem = {};
});
this.cloudData = dataList;
this.dataCount = res.data.dataCount;
console.log(this.cloudData);
}
});
}
},
find() {
this.getListData();
}
},
watch: {},
created() {
console.log(JSON.parse(this.$route.query.data));
},
mounted() {
this.getListData();
}
};
</script>
......@@ -337,6 +638,18 @@ export default {
padding: 30px 22px;
box-sizing: border-box;
width: 100%;
.ndata {
width: 612px;
height: 398px;
margin: 24px auto 0;
+ div {
margin: 0 auto;
}
> img {
width: 100%;
height: 100%;
}
}
.el-tabs--card > .el-tabs__header {
margin: 0;
}
......@@ -412,5 +725,49 @@ export default {
.companylist {
margin-top: 30px;
}
.handle {
> span {
color: #4a90e2;
}
> span:nth-child(2) {
font-size: 16px;
}
> span:not(:nth-child(2)) {
cursor: pointer;
}
}
.block {
margin-top: 30px;
text-align: center;
}
.payment {
display: flex;
align-items: center;
justify-content: center;
.hold {
display: block;
width: 6px;
height: 6px;
background: rgba(255, 189, 46, 1);
border-radius: 6px;
transform: translate(-4px, 1px);
}
.done {
display: block;
width: 6px;
height: 6px;
background: #28ca42;
border-radius: 6px;
transform: translate(-4px, 1px);
}
.cancellation {
display: block;
width: 6px;
height: 6px;
background: #000000;
border-radius: 6px;
transform: translate(-4px, 1px);
}
}
}
</style>
\ No newline at end of file
channel-access/src/views/fqembed/needProxy.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
data() {
return {
companyParams: {}
};
},
created() {
if (this.$route.query) {
this.companyParams = this.$route.query;
this.$router.push({
path: "/companylist",
query: {data:JSON.stringify(this.companyParams)}
});
console.log(123, this.companyParams);
}
}
};
</script>
<style lang="scss">
</style>
\ No newline at end of file
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