213

channel-access/src/views/fqembed/comapnylist.vue

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