Skip to content

Z
zhichan
Commit 8cce0048 by 刘泽奇
Options

123

parent 60e40a44
Showing with 75 additions and 32 deletions
channel-access/src/assets/css/company.scss
...@@ -22,6 +22,9 @@ ...@@ -22,6 +22,9 @@
width: 140px; width: 140px;
text-align: center; text-align: center;
} }
.el-table--enable-row-transition .el-table__body td{
text-align: center;
}
.el-tabs__item:nth-child(1){ .el-tabs__item:nth-child(1){
} }
.el-tabs__item:hover { .el-tabs__item:hover {
......
channel-access/src/views/fqembed/comapnylist.vue
...@@ -3,6 +3,9 @@ ...@@ -3,6 +3,9 @@
<div class="title">注册方案</div> <div class="title">注册方案</div>
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="公司注册" name="1"> <el-tab-pane label="公司注册" name="1">
<el-dialog title="公司注册方案" :visible.sync="companyAddDialog" width="60%" center>
<companysub />
</el-dialog>
<div class="company-find"> <div class="company-find">
<div class="box"> <div class="box">
<div>方案编号：</div> <div>方案编号：</div>
...@@ -80,12 +83,14 @@ ...@@ -80,12 +83,14 @@
<el-button>查询</el-button> <el-button>查询</el-button>
<el-button @click="addCompany">新增</el-button> <el-button @click="addCompany">新增</el-button>
</div> </div>
<el-dialog title="公司注册方案" :visible.sync="companyAddDialog" width="60%" center>
<companysub />
</el-dialog>
</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%">
<div slot="empty">
<div class="ndata">
<img src="@/assets/imgs/fqembed/datanull.png" alt />
</div>
</div>
<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>
...@@ -93,28 +98,32 @@ ...@@ -93,28 +98,32 @@
<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 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-column prop="zip" label="方案状态">
<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, companyData)"
type="text" type="text"
size="small" size="small"
>移除</el-button> >移除</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作" width="120"> <el-table-column fixed="right" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <div class="handle">
@click.native.prevent="deleteRow(scope.$index, tableData)" <!-- 需要判断当前付款状态是否有作废 -->
type="text" <span @click="toDetails(scope.$index,scope.row)">详情&nbsp;</span>&nbsp;
size="small" <span>|</span>&nbsp;
>移除</el-button> <span>&nbsp;作废</span>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="云上公司注册" name="2"> <el-tab-pane label="云上公司注册" name="2">
<el-dialog title="云上公司注册方案" :visible.sync="cloudCompanyAddDialog" width="60%" center>
<Cloudcompany />
</el-dialog>
<div class="company-find"> <div class="company-find">
<div class="box"> <div class="box">
<div>方案编号：</div> <div>方案编号：</div>
...@@ -192,25 +201,28 @@ ...@@ -192,25 +201,28 @@
<el-button>查询</el-button> <el-button>查询</el-button>
<el-button @click="addCloudCompany">新增</el-button> <el-button @click="addCloudCompany">新增</el-button>
</div> </div>
<el-dialog title="云上公司注册方案" :visible.sync="cloudCompanyAddDialog" width="60%" center>
<Cloudcompany />
</el-dialog>
</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%">
<el-table-column fixed prop="date" label="方案编号" width=""></el-table-column> <div slot="empty">
<el-table-column prop="name" label="服务单号" width=""></el-table-column> <div class="ndata">
<el-table-column prop="province" label="注册园区" width=""></el-table-column> <img src="@/assets/imgs/fqembed/datanull.png" alt />
<el-table-column prop="city" label="产品类型" width=""></el-table-column> </div>
<el-table-column prop="address" label="注册类型" width=""></el-table-column> </div>
<el-table-column prop="zip" label="方案状态" width=""></el-table-column> <el-table-column fixed prop="date" label="方案编号" width></el-table-column>
<el-table-column fixed="right" label="操作" width=""> <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>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <div class="handle">
@click.native.prevent="deleteRow(scope.$index, tableData)" <!-- 需要判断当前付款状态是否有作废 -->
type="text" <span @click="toDetails(scope.$index,scope.row)">详情&nbsp;</span>&nbsp;
size="small" <span>|</span>&nbsp;
>移除</el-button> <span>&nbsp;作废</span>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -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,9 +315,13 @@ export default { ...@@ -303,9 +315,13 @@ export default {
{ {
value: "已作废", value: "已作废",
label: "已作废" label: "已作废"
}, }
], ],
companyData: [] companyData: [
{
date: 123
}
]
}; };
}, },
methods: { methods: {
...@@ -328,6 +344,9 @@ export default { ...@@ -328,6 +344,9 @@ export default {
}, },
deleteRow(idx, row) { deleteRow(idx, row) {
console.log(idx, row); console.log(idx, row);
},
toDetails(idx, row) {
console.log(row);
} }
} }
}; };
...@@ -337,6 +356,15 @@ export default { ...@@ -337,6 +356,15 @@ export default {
padding: 30px 22px; padding: 30px 22px;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
.ndata {
width: 612px;
height: 398px;
margin: 24px auto 0;
> img {
width: 100%;
height: 100%;
}
}
.el-tabs--card > .el-tabs__header { .el-tabs--card > .el-tabs__header {
margin: 0; margin: 0;
} }
...@@ -412,5 +440,16 @@ export default { ...@@ -412,5 +440,16 @@ export default {
.companylist { .companylist {
margin-top: 30px; margin-top: 30px;
} }
.handle {
> span {
color: #4a90e2;
}
> span:nth-child(2) {
font-size: 16px;
}
> span:not(:nth-child(2)) {
cursor: pointer;
}
}
} }
</style> </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