qgb-process 0.2.3 → 0.2.7

package/src/views/guide.vue

@@ -1,227 +1,227 @@
-<template>
-  <div class="not">
-    <div class="jTit">
-      <img
-        src="@/assets/public/logoname.png"
-        width="243"
-        height="100"
-      >
-    </div>
-    <div style="height: 5px;background-color: #F3F3F5;"></div>
-    <div>
-      <div class="jBanner">
-        <img
-          src="../assets/guide/banner.png"
-          width="100%"
-        >
-        <div
-          class="jBannerBtn"
-          @click="jClick"
-        ></div>
-      </div>
-      <div class="jTxt">企业管理平台特色</div>
-      <div style="width: 1480px;margin: 0 auto;">
-        <el-row :gutter="100">
-          <el-col
-            :span="8"
-            v-for="(item,index) in list"
-            :key="index"
-          >
-            <div style="position: relative;height: 56px;margin-bottom: 40px;">
-              <div class="jLeft">
-                <img
-                  :src="item.pic"
-                  width="100%"
-                >
-              </div>
-              <div class="jRight">
-                <div class="p1">{{item.tit}}</div>
-                <div class="p2">{{item.txt}}</div>
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-      </div>
-      <div class="jBtn">
-        <el-button
-          type="primary"
-          @click="jClick"
-        >立即开通</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import api from "@/api/guide";
-export default {
-  data() {
-    return {
-      list: [
-        {
-          pic: require("../assets/guide/renwu.png"),
-          tit: "任务",
-          txt:
-            "工作安排，责任划分明晰，任务责任到人，一事一人， 系统提醒，工作不再遗漏。"
-        },
-        {
-          pic: require("../assets/guide/shenpi.png"),
-          tit: "审批",
-          txt: "随时随地审批，高效自定义工作流，消息多重提醒。"
-        },
-        {
-          pic: require("../assets/guide/shangji.png"),
-          tit: "商机",
-          txt:
-            "多维度统计数据，随需呈现不同业务需求，为企业提供全方位发展商机。"
-        },
-        {
-          pic: require("../assets/guide/yusuan.png"),
-          tit: "预算",
-          txt: "工程项目立项、中标清单、预算编制，综合全面预算解决方案"
-        },
-        {
-          pic: require("../assets/guide/kehu.png"),
-          tit: "客户",
-          txt: "专业数字化客户关系管理，降低客户管理成本"
-        },
-        {
-          pic: require("../assets/guide/yanshou.png"),
-          tit: "验收",
-          txt:
-            "工程材料验收、租赁验收、分包验收，企业采购验收，满足工程和企业需求"
-        },
-        {
-          pic: require("../assets/guide/caiwu.png"),
-          tit: "财务",
-          txt:
-            "应收账款、应付、报销、借款、发票高效协同，项目成本财务报表自动核算，一站式财务管控平台"
-        },
-        {
-          pic: require("../assets/guide/hetong.png"),
-          tit: "合同",
-          txt:
-            "统一合同管理平台，自定义合同模板，全程电子化合同，实现真正的“无纸化”"
-        },
-        {
-          pic: require("../assets/guide/kucun.png"),
-          tit: "库存",
-          txt: "销/购/存数据联动，数智化采购指导，库存数据实时更新预警"
-        },
-        {
-          pic: require("../assets/guide/renshi.png"),
-          tit: "人事",
-          txt:
-            "覆盖HR全模块，员工事务有效管理，智能预警管理风险，移动互联员工赋能"
-        },
-        {
-          pic: require("../assets/guide/xingzheng.png"),
-          tit: "行政",
-          txt: "印章管理、车辆管理、办公用品管理，让行政工作井井有条"
-        },
-        {
-          pic: require("../assets/guide/liucheng.png"),
-          tit: "表单流程",
-          txt: "智能可视化表单、流程配置，根据企业需求快速定制"
-        }
-      ]
-    };
-  },
-  created() {},
-  methods: {
-    async jClick() {
-      const url = window.location.href;
-      const data = {
-        url: url
-      };
-      const res = await api.guide(data);
-      if (res.data.data.role == "admin") {
-        this.$message({
-          message: "企业管理平台开通成功，正在跳转",
-          type: "success",
-          center: true
-        });
-        setTimeout(() => {
-          this.$router.push({ path: "/" });
-        }, 3000);
-      } else if (res.data.data.role == "staff") {
-        this.$message({
-          message: "消息发送成功，请等待管理员开通",
-          type: "success",
-          center: true
-        });
-      }
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.not {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  background-color: #ffffff;
-  .jTit {
-    position: relative;
-    height: 100px;
-    img {
-      position: absolute;
-      top: 0;
-      left: 66px;
-    }
-  }
-  .jTxt {
-    padding: 20px 0 50px;
-    font-size: 18px;
-    font-weight: bold;
-    color: #333333;
-    text-align: center;
-  }
-  .jBanner {
-    position: relative;
-    width: 1660px;
-    height: 260px;
-    text-align: center;
-    margin: 20px auto;
-    .jBannerBtn {
-      position: absolute;
-      top: 195px;
-      left: 435px;
-      width: 98px;
-      height: 44px;
-      cursor: pointer;
-    }
-  }
-  .jLeft {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 56px;
-    height: 56px;
-  }
-  .jRight {
-    position: absolute;
-    top: 0px;
-    left: 70px;
-    .p1 {
-      font-size: 14px;
-      color: #333333;
-    }
-    .p2 {
-      font-size: 12px;
-      color: #969696;
-    }
-  }
-  .jBtn {
-    text-align: center;
-    margin-top: 30px;
-  }
-}
-</style>
-<style>
-.jBtn .el-button--primary {
-  background-color: #0286df;
-  border-color: #0286df;
-}
-</style>
+<template>
+  <div class="not">
+    <div class="jTit">
+      <img
+        src="@/assets/public/logoname.png"
+        width="243"
+        height="100"
+      >
+    </div>
+    <div style="height: 5px;background-color: #F3F3F5;"></div>
+    <div>
+      <div class="jBanner">
+        <img
+          src="../assets/guide/banner.png"
+          width="100%"
+        >
+        <div
+          class="jBannerBtn"
+          @click="jClick"
+        ></div>
+      </div>
+      <div class="jTxt">企业管理平台特色</div>
+      <div style="width: 1480px;margin: 0 auto;">
+        <el-row :gutter="100">
+          <el-col
+            :span="8"
+            v-for="(item,index) in list"
+            :key="index"
+          >
+            <div style="position: relative;height: 56px;margin-bottom: 40px;">
+              <div class="jLeft">
+                <img
+                  :src="item.pic"
+                  width="100%"
+                >
+              </div>
+              <div class="jRight">
+                <div class="p1">{{item.tit}}</div>
+                <div class="p2">{{item.txt}}</div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="jBtn">
+        <el-button
+          type="primary"
+          @click="jClick"
+        >立即开通</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import api from "@/api/guide";
+export default {
+  data() {
+    return {
+      list: [
+        {
+          pic: require("../assets/guide/renwu.png"),
+          tit: "任务",
+          txt:
+            "工作安排，责任划分明晰，任务责任到人，一事一人， 系统提醒，工作不再遗漏。"
+        },
+        {
+          pic: require("../assets/guide/shenpi.png"),
+          tit: "审批",
+          txt: "随时随地审批，高效自定义工作流，消息多重提醒。"
+        },
+        {
+          pic: require("../assets/guide/shangji.png"),
+          tit: "商机",
+          txt:
+            "多维度统计数据，随需呈现不同业务需求，为企业提供全方位发展商机。"
+        },
+        {
+          pic: require("../assets/guide/yusuan.png"),
+          tit: "预算",
+          txt: "工程项目立项、中标清单、预算编制，综合全面预算解决方案"
+        },
+        {
+          pic: require("../assets/guide/kehu.png"),
+          tit: "客户",
+          txt: "专业数字化客户关系管理，降低客户管理成本"
+        },
+        {
+          pic: require("../assets/guide/yanshou.png"),
+          tit: "验收",
+          txt:
+            "工程材料验收、租赁验收、分包验收，企业采购验收，满足工程和企业需求"
+        },
+        {
+          pic: require("../assets/guide/caiwu.png"),
+          tit: "财务",
+          txt:
+            "应收账款、应付、报销、借款、发票高效协同，项目成本财务报表自动核算，一站式财务管控平台"
+        },
+        {
+          pic: require("../assets/guide/hetong.png"),
+          tit: "合同",
+          txt:
+            "统一合同管理平台，自定义合同模板，全程电子化合同，实现真正的“无纸化”"
+        },
+        {
+          pic: require("../assets/guide/kucun.png"),
+          tit: "库存",
+          txt: "销/购/存数据联动，数智化采购指导，库存数据实时更新预警"
+        },
+        {
+          pic: require("../assets/guide/renshi.png"),
+          tit: "人事",
+          txt:
+            "覆盖HR全模块，员工事务有效管理，智能预警管理风险，移动互联员工赋能"
+        },
+        {
+          pic: require("../assets/guide/xingzheng.png"),
+          tit: "行政",
+          txt: "印章管理、车辆管理、办公用品管理，让行政工作井井有条"
+        },
+        {
+          pic: require("../assets/guide/liucheng.png"),
+          tit: "表单流程",
+          txt: "智能可视化表单、流程配置，根据企业需求快速定制"
+        }
+      ]
+    };
+  },
+  created() {},
+  methods: {
+    async jClick() {
+      const url = window.location.href;
+      const data = {
+        url: url
+      };
+      const res = await api.guide(data);
+      if (res.data.data.role == "admin") {
+        this.$message({
+          message: "企业管理平台开通成功，正在跳转",
+          type: "success",
+          center: true
+        });
+        setTimeout(() => {
+          this.$router.push({ path: "/" });
+        }, 3000);
+      } else if (res.data.data.role == "staff") {
+        this.$message({
+          message: "消息发送成功，请等待管理员开通",
+          type: "success",
+          center: true
+        });
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.not {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background-color: #ffffff;
+  .jTit {
+    position: relative;
+    height: 100px;
+    img {
+      position: absolute;
+      top: 0;
+      left: 66px;
+    }
+  }
+  .jTxt {
+    padding: 20px 0 50px;
+    font-size: 18px;
+    font-weight: bold;
+    color: #333333;
+    text-align: center;
+  }
+  .jBanner {
+    position: relative;
+    width: 1660px;
+    height: 260px;
+    text-align: center;
+    margin: 20px auto;
+    .jBannerBtn {
+      position: absolute;
+      top: 195px;
+      left: 435px;
+      width: 98px;
+      height: 44px;
+      cursor: pointer;
+    }
+  }
+  .jLeft {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 56px;
+    height: 56px;
+  }
+  .jRight {
+    position: absolute;
+    top: 0px;
+    left: 70px;
+    .p1 {
+      font-size: 14px;
+      color: #333333;
+    }
+    .p2 {
+      font-size: 12px;
+      color: #969696;
+    }
+  }
+  .jBtn {
+    text-align: center;
+    margin-top: 30px;
+  }
+}
+</style>
+<style>
+.jBtn .el-button--primary {
+  background-color: #0286df;
+  border-color: #0286df;
+}
+</style>