Skip to content

Z
zhichan
Commit 60e40a44 by 刘泽奇
Options

Merge branch 'channel-access' of gitlab.gongsibao.com:jiangyong/zhichan into channel-access

parents 55065f04 2247235b
Showing with 666 additions and 2 deletions
channel-access/src/views/fqembed/Cloudcompany.vue 0 → 100644
<template>
<div class="cloud">
<header>
<!-- <span>云上公司注册方案</span>
<i class="el-icon-close" ></i>-->
</header>
<div class="content">
<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>
</template>
<script>
export default {
data() {
return {
name: "",
region: "",
gardenValue: "",
natureValue: "",
industryValue: "文化传媒类",
tissueValue: "",
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: {}
};
</script>
<style lang="scss">
.cloud {
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;
}
}
}
> .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;
}
}
}
</style>
\ No newline at end of file
channel-access/src/views/fqembed/Companysub.vue 0 → 100644
<template>
<div class="warpper">
<header>
<!-- <span>公司注册方案</span>
<i class="el-icon-close"></i>-->
</header>
<div class="content">
<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>
</template>
<script>
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: {}
};
</script>
<style lang="scss">
.warpper {
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;
}
}
}
</style>
\ No newline at end of file
channel-access/src/views/fqembed/comapnylist.vue
......@@ -78,8 +78,11 @@
</div>
<div class="box btn">
<el-button>查询</el-button>
<el-button>新增</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">
......@@ -187,8 +190,11 @@
</div>
<div class="box btn">
<el-button>查询</el-button>
<el-button>新增</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">
......@@ -214,9 +220,17 @@
</div>
</template>
<script>
import Companysub from "./Companysub.vue";
import Cloudcompany from "./Cloudcompany.vue";
export default {
components: {
Companysub,
Cloudcompany
},
data() {
return {
companyAddDialog: false, // 公司注册对话框
cloudCompanyAddDialog: false, // 云公司注册对话框
activeName: "1",
input: "",
tissue: "",
......@@ -295,8 +309,22 @@ export default {
};
},
methods: {
addCompany() {
console.log("公司注册--添加");
this.companyAddDialog = true;
}, // 公司注册添加
addCloudCompany() {
console.log("云上公司注册--添加");
this.cloudCompanyAddDialog = true;
}, // 云上公司注册添加
handleClick(tab, event) {
console.log(tab, event);
if (tab.name == "1") {
console.log("公司注册");
}
if (tab.name == "2") {
console.log("云上公司注册");
}
},
deleteRow(idx, row) {
console.log(idx, row);
......@@ -369,6 +397,12 @@ export default {
.box:nth-child(4n) {
margin-right: 0;
}
.el-dialog__wrapper {
.el-dialog {
.el-dialog__body {
}
}
}
}
.company-find::after {
content: "";
......
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