Commit 5f9b2e4b by 任建

rj

parents a05a0337 e4a74084
...@@ -6,12 +6,14 @@ ...@@ -6,12 +6,14 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>企链</title> <!-- <title>企链</title> -->
<title>公司注册方案</title>
</head> </head>
<body> <body>
<noscript> <noscript>
<strong>We're sorry but channel-access doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>We're sorry but channel-access doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
color: #dfb76b; color: #dfb76b;
background: #FAFAFA; background: #fafafa;
border-top: 2px solid #dfb76b; border-top: 2px solid #dfb76b;
} }
...@@ -22,7 +22,10 @@ ...@@ -22,7 +22,10 @@
width: 140px; width: 140px;
text-align: center; 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 { .el-tabs__item:hover {
color: #565656; color: #565656;
...@@ -34,7 +37,19 @@ ...@@ -34,7 +37,19 @@
font-weight: 500; font-weight: 500;
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
} }
.el-table th.is-leaf{ .el-table th.is-leaf {
background: #FAFAFA; 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;
} }
} }
...@@ -149,10 +149,17 @@ const routes = [ ...@@ -149,10 +149,17 @@ const routes = [
}, },
///// 公司列表页 ///// 公司列表页
{ {
path: '/comapnylist', path: "/companylist",
name: 'comapnylist', name: "companylist",
component: () => import('@/views/fqembed/comapnylist.vue') component: () => import("@/views/fqembed/companylist.vue")
} },
///// 中转页面
{
path: "/needProxy",
name: "needProxy",
component: () => import("@/views/fqembed/needProxy.vue")
},
]; ];
const router = new VueRouter({ const router = new VueRouter({
routes, routes,
......
...@@ -67,13 +67,14 @@ ...@@ -67,13 +67,14 @@
<el-input type="textarea" :rows="3" placeholder="请输入该方案其他备注" v-model="notes"></el-input> <el-input type="textarea" :rows="3" placeholder="请输入该方案其他备注" v-model="notes"></el-input>
</div> </div>
<div class="cell-group"> <div class="cell-group submitwrap">
<el-button>提交</el-button> <el-button @click="submitAdd">提交</el-button>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import req from "axios";
export default { export default {
data() { data() {
return { return {
...@@ -145,14 +146,91 @@ export default { ...@@ -145,14 +146,91 @@ export default {
notes: "" 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> </script>
<style lang="scss"> <style lang="scss">
.cloud { .cloud {
header { header {
height: 43px; /* height: 43px;
padding: 0 20px; padding: 0 20px; */
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
font-size: 16px; font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -176,7 +254,8 @@ export default { ...@@ -176,7 +254,8 @@ export default {
font-weight: bold; font-weight: bold;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
box-sizing: border-box; box-sizing: border-box;
padding-left: 70px; /* padding-left: 70px; */
padding-left: 50px;
> div:nth-child(1) { > div:nth-child(1) {
width: 2px; width: 2px;
margin-right: 6px; margin-right: 6px;
...@@ -187,7 +266,8 @@ export default { ...@@ -187,7 +266,8 @@ export default {
.cell-group { .cell-group {
margin-top: 20px; margin-top: 20px;
box-sizing: border-box; box-sizing: border-box;
padding-left: 55px; /* padding-left: 55px; */
padding-left: 75px;
> span { > span {
display: inline-block; display: inline-block;
width: 94px; width: 94px;
...@@ -257,6 +337,9 @@ export default { ...@@ -257,6 +337,9 @@ export default {
.cell-group:nth-of-type(10) { .cell-group:nth-of-type(10) {
margin-top: 25px; margin-top: 25px;
} }
.submitwrap {
padding-left: 30%;
}
} }
} }
</style> </style>
\ No newline at end of file
<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
...@@ -113,25 +113,28 @@ ...@@ -113,25 +113,28 @@
</span> </span>
<el-input v-model="notes" placeholder="请输入该方案其他备注"></el-input> <el-input v-model="notes" placeholder="请输入该方案其他备注"></el-input>
</div> </div>
<div class="cell-group"> <div class="cell-group submitwrap">
<el-button>提交</el-button> <el-button @click="submitAdd">提交</el-button>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import req from "axios";
export default { export default {
data() { data() {
return { return {
name: "", name: "",
options: [ options: [
{ {
value: "选项1", // value: "选项1",
label: "黄金糕" // label: "黄金糕"
value: "北京",
label: "北京"
}, },
{ {
value: "选项2", value: "上海",
label: "双皮奶" label: "上海"
} }
], ],
region: "", region: "",
...@@ -209,14 +212,123 @@ export default { ...@@ -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> </script>
<style lang="scss"> <style lang="scss">
.warpper { .warpper {
header { header {
height: 43px; /* height: 43px; */
padding: 0 20px; /* padding: 0 20px; */
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
font-size: 16px; font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -240,7 +352,8 @@ export default { ...@@ -240,7 +352,8 @@ export default {
font-weight: bold; font-weight: bold;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
box-sizing: border-box; box-sizing: border-box;
padding-left: 70px; /* padding-left: 70px; */
padding-left: 50px;
> div:nth-child(1) { > div:nth-child(1) {
width: 2px; width: 2px;
margin-right: 6px; margin-right: 6px;
...@@ -251,7 +364,8 @@ export default { ...@@ -251,7 +364,8 @@ export default {
.cell-group { .cell-group {
margin-top: 20px; margin-top: 20px;
box-sizing: border-box; box-sizing: border-box;
padding-left: 55px; /* padding-left: 55px; */
padding-left: 75px;
> span { > span {
display: inline-block; display: inline-block;
width: 94px; width: 94px;
...@@ -305,7 +419,7 @@ export default { ...@@ -305,7 +419,7 @@ export default {
height: 34px; height: 34px;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
border-radius: 3px; border-radius: 3px;
border: 1px solid rgba(223, 224, 225, 1); border: 1px solid rgb(7, 10, 14);
margin-right: 10px; margin-right: 10px;
margin-top: 10px; margin-top: 10px;
} }
...@@ -361,6 +475,9 @@ export default { ...@@ -361,6 +475,9 @@ export default {
.cell-group:nth-of-type(10) { .cell-group:nth-of-type(10) {
margin-top: 25px; margin-top: 25px;
} }
.submitwrap {
padding-left: 30%;
}
} }
} }
</style> </style>
\ No newline at end of file
<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