Skip to content

Z
zhichan
Commit 2e15fcb8 by 刘泽奇
Options

213

parent 0bbdd0a2
Showing with 172 additions and 65 deletions
channel-access/src/views/fqembed/comapnylist.vue
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
</div> </div>
</div> </div>
<div class="box btn"> <div class="box btn">
<el-button>查询</el-button> <el-button @click="find">查询</el-button>
<el-button @click="addCompany">新增</el-button> <el-button @click="addCompany">新增</el-button>
</div> </div>
</div> </div>
...@@ -90,19 +90,20 @@ ...@@ -90,19 +90,20 @@
<div class="ndata"> <div class="ndata">
<img src="@/assets/imgs/fqembed/datanull.png" alt /> <img src="@/assets/imgs/fqembed/datanull.png" alt />
</div> </div>
<div>很抱歉！暂时没有查询到您搜索到内容～</div>
</div> </div>
<el-table-column fixed prop="date" label="方案编号" width></el-table-column> <el-table-column fixed prop="solutionNo" label="方案编号" width="188"></el-table-column>
<el-table-column prop="name" label="服务单号" width></el-table-column> <el-table-column prop="orderNo" label="服务单号" width="188"></el-table-column>
<el-table-column prop="province" label="公司名称" width></el-table-column> <el-table-column prop="entName" label="公司名称" width></el-table-column>
<el-table-column prop="city" label="组织类型" width></el-table-column> <el-table-column prop="organizationType" label="组织类型" width></el-table-column>
<el-table-column prop="address" label="公司性质" width></el-table-column> <el-table-column prop="entNature" label="公司性质" width></el-table-column>
<el-table-column prop="zip" label="纳税人类型" width></el-table-column> <el-table-column prop="taxpayerType" label="纳税人类型" width></el-table-column>
<el-table-column prop="zip" label="注册城市" width></el-table-column> <el-table-column prop="city" label="注册城市" width></el-table-column>
<el-table-column prop="zip" label="方案状态"> <el-table-column prop="statusName" label="方案状态">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="payment"> <div class="payment">
<div :class="dotColor(1)"></div> <div :class="dotColor(1)"></div>
<div>{{scope.row.date}}</div> <div>{{scope.row.statusName}}</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -123,13 +124,12 @@ ...@@ -123,13 +124,12 @@
</div> </div>
<div class="block"> <div class="block">
<el-pagination <el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage2" :current-page.sync="currentPage2"
:page-size="100" :page-size="20"
background background
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
:total="1000" :total="dataCount"
></el-pagination> ></el-pagination>
</div> </div>
</el-tab-pane> </el-tab-pane>
...@@ -211,27 +211,28 @@ ...@@ -211,27 +211,28 @@
</div> </div>
</div> </div>
<div class="box btn"> <div class="box btn">
<el-button>查询</el-button> <el-button @click="find">查询</el-button>
<el-button @click="addCloudCompany">新增</el-button> <el-button @click="addCloudCompany">新增</el-button>
</div> </div>
</div> </div>
<div class="companylist"> <div class="companylist">
<el-table :data="companyData" style="width: 100%"> <el-table :data="cloudData" style="width: 100%">
<div slot="empty"> <div slot="empty">
<div class="ndata"> <div class="ndata">
<img src="@/assets/imgs/fqembed/datanull.png" alt /> <img src="@/assets/imgs/fqembed/datanull.png" alt />
</div> </div>
<div>很抱歉！暂时没有查询到您搜索到内容～</div>
</div> </div>
<el-table-column fixed prop="date" label="方案编号" width></el-table-column> <el-table-column fixed prop="solutionNo" label="方案编号" width></el-table-column>
<el-table-column prop="name" label="服务单号" width></el-table-column> <el-table-column prop="orderNo" label="服务单号" width></el-table-column>
<el-table-column prop="province" label="注册园区" width></el-table-column> <el-table-column prop="regPark" label="注册园区" width></el-table-column>
<el-table-column prop="city" label="产品类型" width></el-table-column> <el-table-column prop="productType" label="产品类型" width></el-table-column>
<el-table-column prop="address" label="注册类型" width></el-table-column> <el-table-column prop="regType" label="注册类型" width></el-table-column>
<el-table-column prop="zip" label="方案状态" width> <el-table-column prop="statusName" label="方案状态" width>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="payment"> <div class="payment">
<div :class="dotColor(1)"></div> <div :class="dotColor(2)"></div>
<div>{{scope.row.date}}</div> <div>{{scope.row.statusName}}</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -252,13 +253,12 @@ ...@@ -252,13 +253,12 @@
</div> </div>
<div class="block"> <div class="block">
<el-pagination <el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage2" :current-page.sync="currentPage2"
:page-size="100" :page-size="20"
background background
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
:total="1000" :total="dataCount"
></el-pagination> ></el-pagination>
</div> </div>
</el-tab-pane> </el-tab-pane>
...@@ -349,24 +349,24 @@ export default { ...@@ -349,24 +349,24 @@ export default {
scheme: "", scheme: "",
schemeOptions: [ schemeOptions: [
{ {
value: "待确认", value: "ytj",
label: "待确认" label: "已提交"
}, },
{ {
value: "已完成", value: "yfk",
label: "已完成" label: "已付款"
}, },
{ {
value: "已作废", value: "yzf",
label: "已作废" label: "已作废"
} },
],
companyData: [
{ {
date: 123 value: "ytk",
label: "已退款"
} }
], ],
// 云******************* companyData: [],
// 云 *******************
regParkOptions: [], regParkOptions: [],
regPark: "", regPark: "",
cSchemeNo: "", cSchemeNo: "",
...@@ -375,22 +375,29 @@ export default { ...@@ -375,22 +375,29 @@ export default {
cScheme: "", cScheme: "",
cSchemeOptions: [ cSchemeOptions: [
{ {
value: "待确认", value: "ytj",
label: "待确认" label: "已提交"
}, },
{ {
value: "已完成", value: "yfk",
label: "已完成" label: "已付款"
}, },
{ {
value: "已作废", value: "yzf",
label: "已作废" label: "已作废"
},
{
value: "ytk",
label: "已退款"
} }
], ],
pType: "", pType: "",
pTypeOptions: [], pTypeOptions: [],
currentPage1: 1, currentPage1: 1,
currentPage2: 1 currentPage2: 1,
cloudData: [],
dataCount:1,
// 获取详情数据
}; };
}, },
methods: { methods: {
...@@ -413,6 +420,7 @@ export default { ...@@ -413,6 +420,7 @@ export default {
this.haveChoosedTab = 2; this.haveChoosedTab = 2;
console.log("云上公司注册"); console.log("云上公司注册");
} }
this.getListData();
}, },
deleteRow(idx, row) { deleteRow(idx, row) {
console.log(idx, row); console.log(idx, row);
...@@ -430,6 +438,9 @@ export default { ...@@ -430,6 +438,9 @@ export default {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.currentPage1 = val;
this.currentPage2 = val;
this.getListData();
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
}, },
dotColor(status) { dotColor(status) {
...@@ -444,9 +455,8 @@ export default { ...@@ -444,9 +455,8 @@ export default {
return `cancellation`; return `cancellation`;
break; break;
} }
}
}, },
created() { getListData() {
let baseURL = ""; let baseURL = "";
if (process.env.NODE_ENV == "development") { if (process.env.NODE_ENV == "development") {
//开发环境 //开发环境
...@@ -455,33 +465,79 @@ export default { ...@@ -455,33 +465,79 @@ export default {
//生产环境 //生产环境
baseURL = "/web/action/icapi/springBoard"; baseURL = "/web/action/icapi/springBoard";
} }
if (this.activeName == "1") {
req req
.post( .post(
baseURL, baseURL,
{ {
actionType: "getProgrammeInfoByNeedNo", actionType: "getProgrammeListByUser",
actionBody: { actionBody: {
needNo: "N202002141324bupnr8L", pageIndex: this.currentPage1,
solutionContent: { pageSize: "20",
needNo: "",
solutionNo: this.schemeNo || "",
bizType: "companyreg", bizType: "companyreg",
notes: "方案备注", orderNo: this.serviceNo || "",
solution: { status: this.scheme || "",
//公司注册方案 entName: this.entName || "",
entName: "公司名称", city: this.city,
province: "省", taxpayerType: this.taxpayer || "",
city: "市", organizationType: this.tissue || ""
taxpayerType: "纳税人类型", }
entNature: "公司性质", },
organizationType: "组织类型", {
industry: "行业", headers: {
businessScope: "经营范围", token: "3260d5a2452441dd93ecc7ecb35f6dc0",
//云上公司注册方案 userpin: "39fcf7bc5f6c4e55a1f85d750e37316b"
regPark: "注册园区",
regType: "注册类型",
productType: "产品类型"
} }
} }
)
.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 || "" //产品类型
} }
}, },
{ {
...@@ -492,9 +548,40 @@ export default { ...@@ -492,9 +548,40 @@ export default {
} }
) )
.then(res => { .then(res => {
console.log(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() {},
mounted() {
this.getListData();
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -506,6 +593,9 @@ export default { ...@@ -506,6 +593,9 @@ export default {
width: 612px; width: 612px;
height: 398px; height: 398px;
margin: 24px auto 0; margin: 24px auto 0;
+ div {
margin: 0 auto;
}
> img { > img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -598,6 +688,7 @@ export default { ...@@ -598,6 +688,7 @@ export default {
} }
} }
.block { .block {
margin-top: 30px;
text-align: center; text-align: center;
} }
.payment { .payment {
...@@ -610,7 +701,23 @@ export default { ...@@ -610,7 +701,23 @@ export default {
height: 6px; height: 6px;
background: rgba(255, 189, 46, 1); background: rgba(255, 189, 46, 1);
border-radius: 6px; border-radius: 6px;
transform: translate(-1px, 1px); 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);
} }
} }
} }
......
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