Skip to content

Z
zhichan
Commit 973fedf8 by 尹亚亭
Options

123

parent 60e40a44
Showing with 432 additions and 22 deletions
channel-access/src/views/fqembed/Cloudcompany.vue
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
<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>提交</el-button>
</div> </div>
</div> </div>
...@@ -151,8 +151,8 @@ export default { ...@@ -151,8 +151,8 @@ export default {
<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 +176,8 @@ export default { ...@@ -176,7 +176,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 +188,8 @@ export default { ...@@ -187,7 +188,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 +259,9 @@ export default { ...@@ -257,6 +259,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
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;
> 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/Companysub.vue
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
</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>提交</el-button>
</div> </div>
</div> </div>
...@@ -215,8 +215,8 @@ export default { ...@@ -215,8 +215,8 @@ export default {
<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 +240,8 @@ export default { ...@@ -240,7 +240,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 +252,8 @@ export default { ...@@ -251,7 +252,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 +307,7 @@ export default { ...@@ -305,7 +307,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 +363,9 @@ export default { ...@@ -361,6 +363,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
channel-access/src/views/fqembed/comapnylist.vue
...@@ -112,6 +112,9 @@ ...@@ -112,6 +112,9 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-dialog title="公司注册方案" :visible.sync="companyDetailDialog" width="60%" center>
<Companydetail />
</el-dialog>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="云上公司注册" name="2"> <el-tab-pane label="云上公司注册" name="2">
...@@ -198,13 +201,13 @@ ...@@ -198,13 +201,13 @@
</div> </div>
<div class="companylist"> <div class="companylist">
<el-table :data="companyData" style="width: 100%" max-height="250"> <el-table :data="companyData" style="width: 100%" max-height="250">
<el-table-column fixed prop="date" label="方案编号" width=""></el-table-column> <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="name" label="服务单号" width></el-table-column>
<el-table-column prop="province" 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="city" label="产品类型" width></el-table-column>
<el-table-column prop="address" 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 fixed="right" label="操作" width=""> <el-table-column fixed="right" label="操作" width>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@click.native.prevent="deleteRow(scope.$index, tableData)" @click.native.prevent="deleteRow(scope.$index, tableData)"
...@@ -214,6 +217,9 @@ ...@@ -214,6 +217,9 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-dialog title="云上公司注册方案" :visible.sync="cloudDetailDialog" width="60%" center>
<Clouddetails />
</el-dialog>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
...@@ -222,15 +228,21 @@ ...@@ -222,15 +228,21 @@
<script> <script>
import Companysub from "./Companysub.vue"; import Companysub from "./Companysub.vue";
import Cloudcompany from "./Cloudcompany.vue"; import Cloudcompany from "./Cloudcompany.vue";
import Companydetail from "./Companydetail.vue";
import Clouddetails from "./Clouddetails.vue";
export default { export default {
components: { components: {
Companysub, Companysub,
Cloudcompany Cloudcompany,
Companydetail,
Clouddetails
}, },
data() { data() {
return { return {
companyAddDialog: false, // 公司注册对话框 companyAddDialog: false, // 公司注册对话框
cloudCompanyAddDialog: false, // 云公司注册对话框 cloudCompanyAddDialog: false, // 云公司注册对话框
companyDetailDialog: false, // 公司详情对话框
cloudDetailDialog: false, // 云公司详情对话框
activeName: "1", activeName: "1",
input: "", input: "",
tissue: "", tissue: "",
...@@ -271,7 +283,7 @@ export default { ...@@ -271,7 +283,7 @@ export default {
{ {
value: "合资一般人", value: "合资一般人",
label: "合资一般人" label: "合资一般人"
}, }
], ],
cityOptions: [ cityOptions: [
{ {
...@@ -289,7 +301,7 @@ export default { ...@@ -289,7 +301,7 @@ export default {
{ {
value: "河北", value: "河北",
label: "河北" label: "河北"
}, }
], ],
schemeOptions: [ schemeOptions: [
{ {
...@@ -303,7 +315,7 @@ export default { ...@@ -303,7 +315,7 @@ export default {
{ {
value: "已作废", value: "已作废",
label: "已作废" label: "已作废"
}, }
], ],
companyData: [] companyData: []
}; };
...@@ -312,10 +324,12 @@ export default { ...@@ -312,10 +324,12 @@ export default {
addCompany() { addCompany() {
console.log("公司注册--添加"); console.log("公司注册--添加");
this.companyAddDialog = true; this.companyAddDialog = true;
// this.companyDetailDialog = true;
}, // 公司注册添加 }, // 公司注册添加
addCloudCompany() { addCloudCompany() {
console.log("云上公司注册--添加"); console.log("云上公司注册--添加");
this.cloudCompanyAddDialog = true; this.cloudCompanyAddDialog = true;
// this.cloudDetailDialog = true;
}, // 云上公司注册添加 }, // 云上公司注册添加
handleClick(tab, event) { handleClick(tab, event) {
console.log(tab, event); console.log(tab, event);
......
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