From ff0404d84c751732cb7b65c6b32a9cd2b5c6a8be Mon Sep 17 00:00:00 2001
From: liudianxin <liudianxin@bd-apaas.com>
Date: Fri, 11 Sep 2020 15:16:35 +0800
Subject: [PATCH] apaas

---
 src/components/order-list/order-list-cell.vue |  54 ++--
 src/components/shop-car-apply/apply_form.vue  |  36 +--
 src/pages/service_shop/shop_car_apply.vue     | 236 ++++++++++--------
 3 files changed, 186 insertions(+), 140 deletions(-)

diff --git a/src/components/order-list/order-list-cell.vue b/src/components/order-list/order-list-cell.vue
index d082689..15f89ca 100644
--- a/src/components/order-list/order-list-cell.vue
+++ b/src/components/order-list/order-list-cell.vue
@@ -42,10 +42,11 @@
       <el-col :span="6" class="cell_specification">
         <div v-if="cellItem.order_type == 1">
           <el-tooltip class="item" effect="dark" placement="right">
-            <div
-              slot="content"
-              class="gg"
-            >规格：日访问次数：{{cellItem.spec_svc_count}}次，日访问量：{{cellItem.spec_svc_pv }}</div>
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              日访问次数：{{cellItem.spec_svc_count}}次，日访问量：{{cellItem.spec_svc_pv }}
+            </div>
             <div>规格：日访问次数：{{ cellItem.spec_svc_count }}次，日访问量：{{ cellItem.spec_svc_pv }}</div>
           </el-tooltip>
           <div
@@ -54,31 +55,41 @@
         </div>
         <div v-else-if="cellItem.order_type == 2">
           <el-tooltip class="item" effect="dark" placement="right">
-            <div
-              slot="content"
-              class="gg"
-            >{{ cellItem.spec_app == 0 ? '规格：申请获取应用镜像部署权限' : '规格：申请获取应用镜像开发权限' }}</div>
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              {{ cellItem.spec_app == 0 ? '申请获取应用镜像部署权限' : '申请获取应用镜像开发权限' }}
+            </div>
             <div>规格：{{ cellItem.spec_app == 0 ? "申请获取应用镜像部署权限" : "申请获取应用镜像开发权限" }}</div>
           </el-tooltip>
         </div>
         <div v-else-if="cellItem.order_type == 3">
           <el-tooltip v-if="cellItem.apply_type == 0" class="item" effect="dark" placement="right">
-            <div
-              slot="content"
-              class="gg"
-            >规格：CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；数据盘 {{ cellItem.disk_num }}块，每块数据盘容量 {{ cellItem.disk_cap }}GB</div>
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <br />
+              数据盘 {{ cellItem.disk_num }}块，每块数据盘容量 {{ cellItem.disk_cap }}GB；
+            </div>
             <div class="specification_item">
               规格：CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
               <span
                 v-if="cellItem.disk_num != 0"
-              >数据盘 {{ cellItem.disk_num }}块，每块数据盘容量 {{ cellItem.disk_cap }}GB</span>
+              >数据盘 {{ cellItem.disk_num }}块，每块数据盘容量 {{ cellItem.disk_cap }}GB；</span>
             </div>
           </el-tooltip>
           <el-tooltip v-else class="item" effect="dark" placement="right">
-            <div
-              slot="content"
-              class="gg"
-            >规格：CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；{{ thisDisks }}</div>
+            <div slot="content" class="gg">
+              规格：
+              <br />
+              CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
+              <span
+                class="gg_span"
+                v-for="(item, index) in cellItem.adjust_disk"
+                :key="'sjj' + index"
+              >数据盘 {{item.disk_num}}块，每块数据盘容量 {{item.disk_cap}}GB；</span>
+            </div>
             <div class="specification_item">
               规格：CPU {{ cellItem.cpu }}核，内存 {{ cellItem.memory }}GB，容器组 {{ cellItem.containers }}个；
               <span>{{ thisDisks }}</span>
@@ -86,7 +97,7 @@
           </el-tooltip>
           <div
             class="cell_specification_type"
-          >单个容器组：CPU最高 {{ cellItem.one_cpu_max }}核，默认 {{ cellItem.one_cpu_min }}核；内存最高 {{ cellItem.one_memory_max }}GB，默认 {{ cellItem.one_memory_min }}GB</div>
+          >单个容器组：CPU最高 {{ cellItem.one_cpu_max }}核，默认 {{ cellItem.one_cpu_min }}核；内存最高 {{ cellItem.one_memory_max }}GB，默认 {{ cellItem.one_memory_min }}GB；</div>
         </div>
       </el-col>
       <el-col :span="4" class="approval_status">
@@ -562,13 +573,16 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .gg {
-  max-width: 200px;
+  /* max-width: 200px; */
   word-wrap: break-word;
 }
+.gg_span {
+  display: block;
+}
 </style>
 <style>
 .pop_rate .el-rate__icon {
diff --git a/src/components/shop-car-apply/apply_form.vue b/src/components/shop-car-apply/apply_form.vue
index ed889c6..403991e 100644
--- a/src/components/shop-car-apply/apply_form.vue
+++ b/src/components/shop-car-apply/apply_form.vue
@@ -26,7 +26,14 @@
 
 <script>
 export default {
-  props: {},
+  props: {
+    formInline: {
+      type: Object,
+      default: function () {
+        return {};
+      },
+    },
+  },
   components: {},
   data() {
     var check_phone = (rule, value, callback) => {
@@ -41,21 +48,16 @@ export default {
     };
 
     return {
-      formInline: {
-        depart: "",
-        preson: "",
-        phone: ""
-      },
       rules: {
         preson: [
           { required: true, message: "请输入部门联系人", trigger: "blur" },
-           {max:16, message: "不能超过16个字符", trigger: "blur" }
+          { max: 16, message: "不能超过16个字符", trigger: "blur" },
         ],
         phone: [
           { required: true, message: "请输入联系电话", trigger: "blur" },
-          { validator: check_phone, trigger: "blur" }
-        ]
-      }
+          { validator: check_phone, trigger: "blur" },
+        ],
+      },
     };
   },
   watch: {},
@@ -66,16 +68,18 @@ export default {
   },
   methods: {
     submitForm() {
-      this.$refs["ruleForm"].validate(valid => {
+      var flag = null;
+      this.$refs.ruleForm.validate((valid) => {
+        console.log(valid);
         if (valid) {
-          alert("submit!");
+          flag = true;
         } else {
-          console.log("error submit!!");
-          return false;
+          flag = false;
         }
       });
-    }
-  }
+      return flag;
+    },
+  },
 };
 </script>
 
diff --git a/src/pages/service_shop/shop_car_apply.vue b/src/pages/service_shop/shop_car_apply.vue
index a0edcf0..514884d 100644
--- a/src/pages/service_shop/shop_car_apply.vue
+++ b/src/pages/service_shop/shop_car_apply.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="apply_container">
     <info-list :list_arr="module_arr">
-      <apply-form ref="apply_info" slot="apply_info"></apply-form>
+      <apply-form :formInline="formInline" ref="apply_info" slot="apply_info"></apply-form>
       <service-list ref="apply_service" slot="apply_service" :service_arr="service_arr"></service-list>
     </info-list>
 
@@ -21,21 +21,26 @@ export default {
   components: {
     infoList,
     applyForm,
-    serviceList
+    serviceList,
   },
   data() {
     return {
+      formInline: {
+        depart: "",
+        preson: "",
+        phone: "",
+      },
       module_arr: [
         {
           title: "服务申请",
           type: "solt",
-          solt_name: "apply_info"
+          solt_name: "apply_info",
         },
         {
           title: "申请的服务",
           type: "solt",
-          solt_name: "apply_service"
-        }
+          solt_name: "apply_service",
+        },
       ],
       post_arr: [],
       service_arr: [
@@ -86,18 +91,18 @@ export default {
         "",
         {
           name: "共享",
-          val: "share"
+          val: "share",
         },
         {
           name: "受限",
-          val: "limit"
+          val: "limit",
         },
         {
           name: "敏感",
-          val: "mg"
-        }
+          val: "mg",
+        },
       ],
-      temp_sub_arr: []
+      temp_sub_arr: [],
     };
   },
   watch: {},
@@ -110,7 +115,7 @@ export default {
     } else {
       console.log(JSON.parse(window.sessionStorage.getItem("shoppingCart")));
       var temp_arr = [];
-      JSON.parse(window.sessionStorage.getItem("shoppingCart")).forEach(e => {
+      JSON.parse(window.sessionStorage.getItem("shoppingCart")).forEach((e) => {
         temp_arr.push(e.id);
       });
       this.get_car_list(temp_arr);
@@ -121,7 +126,7 @@ export default {
     get_one_app(app_data) {
       this.$http
         .get(`/apaas/serviceapp/v3/shopcart/appinfo?app_id=${app_data.app_id}`)
-        .then(response => {
+        .then((response) => {
           console.log(response);
           let data = response.data.data;
           if (response.data.success && data) {
@@ -152,7 +157,7 @@ export default {
         .get(
           `/apaas/serviceapp/v3/shopcart/serviceinfo?service_id=${service_data.service_id}`
         )
-        .then(response => {
+        .then((response) => {
           console.log(response);
           let data = response.data.data;
           if (response.data.success && data) {
@@ -172,12 +177,12 @@ export default {
             this.service_arr[0]["tips"] = [
               {
                 tip: this.share_arr[data.openness].name,
-                type: this.share_arr[data.openness].val
-              }
+                type: this.share_arr[data.openness].val,
+              },
             ];
             this.service_arr[0]["auth"] = data.organization_name;
             this.service_arr[0]["size"] = "规格：";
-            data.request_spcs_info.forEach(el => {
+            data.request_spcs_info.forEach((el) => {
               if (service_data.spec_id == el.id) {
                 this.service_arr[0]["size"] =
                   this.service_arr[0]["size"] +
@@ -202,7 +207,7 @@ export default {
         .catch(() => {});
     },
     deal_data(data) {
-      data.forEach(e => {
+      data.forEach((e) => {
         if (e.selected) {
           e.selected = 1;
         } else {
@@ -213,100 +218,121 @@ export default {
         }
       });
     },
-    sub_service() {
-      let formInline = this.$refs.apply_info.formInline;
-      if (formInline.preson && formInline.phone) {
-        var phone_ruler = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
-        if (!phone_ruler.test(formInline.phone)) {
-          this.$message.error("输入正确号码");
-          return;
-        }
-        var temp = {
-          apply_part: {
-            o_name: formInline.preson,
-            o_mobile: formInline.phone
-          },
-          carts: []
-        };
-        var temp1 = this.$refs.apply_service.$refs.apply_service_state;
-        this.post_arr.forEach((e, idx) => {
-          if (e.service_id) {
-            temp.carts.push({
-              id: e.id,
-              service_id: e.service_id,
-              duration: e.duration,
-              spec_id: e.spec_id,
-              duration_method: e.duration_method,
-              is_subscribe: e.is_subscribe,
-              app_id: 0,
-              scene: temp1[idx].sceneinput,
-              apply_file: temp1[idx].fileList,
-              apply_fields: []
-            });
-            // 判断表格ref是否存在
-            this.temp_sub_arr = temp1[idx].$refs.apply_service_state_table
-              ? temp1[idx].$refs.apply_service_state_table.metaData
-              : [];
-            this.deal_data(this.temp_sub_arr);
-            temp.carts[temp.carts.length - 1][
-              "apply_fields"
-            ] = this.temp_sub_arr;
+    abc() {
+      return new Promise((resolve, reject) => {
+        this.$refs.apply_info.$refs.ruleForm.validate((valid) => {
+          console.log(valid);
+          if (valid) {
+            flag = true;
           } else {
-            temp.carts.push({
-              id: e.id,
-              service_id: 0,
-              duration: e.duration,
-              spec_id: e.spec_id,
-              duration_method: e.duration_method,
-              is_subscribe: e.is_subscribe,
-              app_id: e.app_id,
-              scene: this.$refs.apply_service.$refs.apply_service_state[idx]
-                .sceneinput,
-              apply_file: ""
-            });
+            flag = false;
           }
         });
-      } else {
-        this.$message.error("请完善服务申请");
-        return;
-      }
-
-      for (let index = 0; index < temp.carts.length; index++) {
-        const e = temp.carts[index];
-        // 若表格数据长度不为0，执行以下
-        if (e.service_id && e.apply_fields.length != 0) {
-          if (e.apply_fields[0].selected == 0) {
-            this.$message.error("请选择所需参数");
+        console.log(res);
+        if (res) {
+          resolve(res);
+        } else {
+          reject(res);
+        }
+      });
+    },
+    sub_service() {
+      let formInline = this.$refs.apply_info.formInline;
+      let flag = null;
+      this.$refs.apply_info.$refs.ruleForm.validate((valid) => {
+        console.log(valid);
+        if (valid) {
+          var phone_ruler = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
+          if (!phone_ruler.test(formInline.phone)) {
+            this.$message.error("输入正确号码");
             return;
           }
-        }
-      }
-
-      this.$http
-        .post(`/apaas/serviceapp/v3/shopcart/apply`, temp)
-        .then(response => {
-          console.log(response);
-          if (response.data.success) {
-            this.$store.commit("setMenuCartState");
-            this.$message.success("申请成功");
-            this.$router.replace("/shop/service_application_successfully");
-          } else {
-            this.$message.error(response.data.errMsg);
+          var temp = {
+            apply_part: {
+              o_name: formInline.preson,
+              o_mobile: formInline.phone,
+            },
+            carts: [],
+          };
+          var temp1 = this.$refs.apply_service.$refs.apply_service_state;
+          this.post_arr.forEach((e, idx) => {
+            if (e.service_id) {
+              temp.carts.push({
+                id: e.id,
+                service_id: e.service_id,
+                duration: e.duration,
+                spec_id: e.spec_id,
+                duration_method: e.duration_method,
+                is_subscribe: e.is_subscribe,
+                app_id: 0,
+                scene: temp1[idx].sceneinput,
+                apply_file: temp1[idx].fileList,
+                apply_fields: [],
+              });
+              // 判断表格ref是否存在
+              this.temp_sub_arr = temp1[idx].$refs.apply_service_state_table
+                ? temp1[idx].$refs.apply_service_state_table.metaData
+                : [];
+              this.deal_data(this.temp_sub_arr);
+              temp.carts[temp.carts.length - 1][
+                "apply_fields"
+              ] = this.temp_sub_arr;
+            } else {
+              temp.carts.push({
+                id: e.id,
+                service_id: 0,
+                duration: e.duration,
+                spec_id: e.spec_id,
+                duration_method: e.duration_method,
+                is_subscribe: e.is_subscribe,
+                app_id: e.app_id,
+                scene: this.$refs.apply_service.$refs.apply_service_state[idx]
+                  .sceneinput,
+                apply_file: "",
+              });
+            }
+          });
+          for (let index = 0; index < temp.carts.length; index++) {
+            const e = temp.carts[index];
+            // 若表格数据长度不为0，执行以下
+            if (e.service_id && e.apply_fields.length != 0) {
+              if (e.apply_fields[0].selected == 0) {
+                this.$message.error("请选择所需参数");
+                return;
+              }
+            }
           }
-        })
-        .catch(() => {
-          this.$message.error("申请失败");
-        });
+
+          this.$http
+            .post(`/apaas/serviceapp/v3/shopcart/apply`, temp)
+            .then((response) => {
+              console.log(response);
+              if (response.data.success) {
+                this.$store.commit("setMenuCartState");
+                this.$message.success("申请成功");
+                this.$router.replace("/shop/service_application_successfully");
+              } else {
+                this.$message.error(response.data.errMsg);
+              }
+            })
+            .catch(() => {
+              this.$message.error("申请失败");
+            });
+        } else {
+          this.$message.error("请完善服务申请");
+          return;
+        }
+      });
     },
     get_car_list(car_arr) {
       this.service_arr = [];
       this.post_arr = [];
       this.$http
         .get(`/apaas/serviceapp/v3/shopcart/list`)
-        .then(response => {
+        .then((response) => {
           console.log(response);
           let data = response.data.data.valid;
-          data.forEach(e => {
+          data.forEach((e) => {
             if (car_arr.indexOf(e.id) == -1) {
               return;
             }
@@ -334,12 +360,12 @@ export default {
               this.service_arr[l]["tips"] = [
                 {
                   tip: this.share_arr[e.service.openness].name,
-                  type: this.share_arr[e.service.openness].val
-                }
+                  type: this.share_arr[e.service.openness].val,
+                },
               ];
               this.service_arr[l]["auth"] = e.service.organization_name;
               this.service_arr[l]["size"] = "规格：";
-              e.service.request_spcs_info.forEach(el => {
+              e.service.request_spcs_info.forEach((el) => {
                 if (e.spec_id == el.id) {
                   this.service_arr[l]["size"] =
                     this.service_arr[l]["size"] +
@@ -354,16 +380,18 @@ export default {
                 "申请方式：" + (e.duration_method == 1 ? "月" : "年");
               this.service_arr[l]["num"] = e.duration;
               this.service_arr[l]["isMg"] = e.service.openness == 3;
-              this.service_arr[l]["data"] = e.service.res_fields?JSON.parse(e.service.res_fields):'[]';
+              this.service_arr[l]["data"] = e.service.res_fields
+                ? JSON.parse(e.service.res_fields)
+                : "[]";
               console.log(this.service_arr[l]["data"]);
               this.service_arr[l]["isapp"] = false;
             }
           });
           // this.service_arr =
         })
-        .catch(response => {});
-    }
-  }
+        .catch((response) => {});
+    },
+  },
 };
 </script>
 
-- 
2.26.0