wl-design-mobile 0.0.1 → 0.0.3

package/README.md

@@ -0,0 +1,6 @@
+# wl-design-mobile
+
+## Setup
+```
+npm i wl-design-mobile
+```

package/api/doc.js

@@ -0,0 +1,25 @@
+import config from '../config/config'
+import {axios} from '../util/axios'
+
+// Post请求上传文件
+export const fileUploadUrl = config.sclDocServerContext + '/doc/file/put'
+
+// Post请求删除文件
+export const fileDeleteUrl = config.sclDocServerContext + '/doc/file/delete'
+
+// Get获取文件流
+export const fileGetUrl = config.sclDocServerContext + '/doc/file/get/'
+
+/**
+ * 删除文件
+ *
+ * @param docId
+ * @returns {Promise<AxiosResponse<any>>}
+ */
+export const deleteFile = (docId) => {
+  const params = {
+    docId
+  }
+  return axios.post(fileDeleteUrl, null, {params})
+}
+

package/api/x1.js

@@ -0,0 +1,56 @@
+import config from '../config/config'
+import {axios} from '../util/axios'
+
+export const getDictList = (dictId) => {
+  const params = {
+    dictId
+  }
+  return axios.request({
+    url: config.platformServerContext + '/x1/dict/list', method: 'get', params
+  })
+}
+
+export const getDictMap = (dictId) => {
+  const params = {
+    dictId
+  }
+  return axios.request({
+    url: config.platformServerContext + '/x1/dict/map', method: 'get', params
+  })
+}
+
+export const getDictVal = (dictId, dictKey) => {
+  const params = {
+    dictId, dictKey
+  }
+  return axios.request({
+    url: config.platformServerContext + '/x1/dict/val', method: 'get', params
+  })
+}
+
+export const getRuleVal = (ruleId, organId) => {
+  const params = {
+    ruleId, organId
+  }
+  return axios.request({
+    url: config.platformServerContext + '/x1/rule/val', method: 'get', params
+  })
+}
+
+export const getIdNext = (idKey) => {
+  const params = {
+    idKey
+  }
+  return axios.request({
+    url: config.platformServerContext + '/x1/id/next', method: 'get', params
+  })
+}
+
+export const getIdNextOrg = (idKey, orgId) => {
+  const params = {
+    idKey, orgId
+  }
+  return axios.request({
+    url: config.platformServerContext + '/x1/id/orgNext', method: 'get', params
+  })
+}

package/btn/lambo-big-button.vue

@@ -1,121 +1,125 @@
-<template>
-  <div class="btns">
-    <ul class="lambobigbutton-ul">
-      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
-                  :type="type" class="LamboBigButton" size="large" @click="handleClick"> {{ text }}
-      </van-button>
-    </ul>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboBigButton',
-  components: {},
-  props: {
-    type: {
-      // 填充类型按钮  plain传false type传primary
-      // 线框类型按钮  plain传true type传info
-      // 无框类型按钮  plain传false type传default
-      type: String,
-      default: 'primary'
-    },
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    text: {
-      type: String,
-      default: '大号按钮'
-    },
-    position: {
-      type: String,
-      default: 'left'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {}
-  },
-  methods: {
-    handleClick(event) {
-      this.$emit('click', event);
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.LamboBigButton {
-  height: 38px;
-  border-radius: 3px;
-}
-
-/*填充按钮primary类型按钮样式 */
-/deep/ .lambobigbutton-ul .van-button--primary {
-  background: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*填充按钮primary类型不可用按钮样式 */
-/deep/ .lambobigbutton-ul .van-button--disabled {
-  cursor: not-allowed;
-  opacity: 1;
-  background-color: var(--scl-gray-6);
-  color: #000000;
-  border: 0px solid var(--scl-gray-6);
-}
-
-/*按钮文字样式*/
-/deep/ .lambobigbutton-ul .van-button__text {
-  font-size: 14px;
-  padding: 10px 0px;
-  font-family: 微软雅黑, serif Regular;
-}
-
-/*线框按钮按钮样式*/
-/deep/ .lambobigbutton-ul .van-button--plain.van-button--info {
-  color: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*线框按钮不可用按钮样式*/
-/deep/ .lambobigbutton-ul .van-button--plain.van-button--info.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-gray-6);
-  background-color: #ffffff;
-}
-
-/*无框类型按钮样式 */
-/deep/ .lambobigbutton-ul .van-button--default {
-  background: var(--scl-white-1);
-  border: 1px solid var(--scl-white-1);
-  color: var(--scl-blue);
-}
-
-/*无框按钮不可用按钮样式*/
-/deep/ .lambobigbutton-ul .van-button--default.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-white-1);
-  background-color: var(--scl-white-1);
-}
-
-</style>
+<template>
+  <div class="btns">
+    <ul class="big-btn-ul">
+      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
+                  :type="type" class="big-btn" size="large" @click="handleClick"> {{ text }}
+        <slot name="extend"></slot>
+      </van-button>
+
+    </ul>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'LamboBigButton',
+  components: {},
+  props: {
+    /**
+     * 填充类型按钮  plain传false type传primary
+     * 线框类型按钮  plain传true type传info
+     * 无框类型按钮  plain传false type传default
+     */
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    text: {
+      type: String,
+      default: '大号按钮'
+    },
+    position: {
+      type: String,
+      default: 'left'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    handleClick(event) {
+      this.$emit('click', event);
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.big-btn {
+  height: 38px;
+  border-radius: 3px;
+}
+
+/*填充按钮primary类型按钮样式 */
+/deep/ .big-btn-ul .van-button--primary {
+  background: var(--scl-blue);
+  border: 1px solid var(--scl-blue);
+}
+
+/*填充按钮primary类型不可用按钮样式 */
+/deep/ .big-btn-ul .van-button--disabled {
+  cursor: not-allowed;
+  opacity: 1;
+  background-color: var(--scl-gray-6);
+  color: #000000;
+  border: 0px solid var(--scl-gray-6);
+}
+
+/*按钮文字样式*/
+/deep/ .big-btn-ul .van-button__text {
+  font-size: 14px;
+  padding: 10px 0px;
+  font-family: 微软雅黑, serif Regular;
+}
+
+/*线框按钮按钮样式*/
+/deep/ .big-btn-ul .van-button--plain.van-button--info {
+  color: var(--scl-blue);
+  border: 1px solid var(--scl-blue);
+}
+
+/*线框按钮不可用按钮样式*/
+/deep/ .big-btn-ul .van-button--plain.van-button--info.van-button--disabled {
+  color: #000000;
+  border: 1px solid var(--scl-gray-6);
+  background-color: #ffffff;
+}
+
+/*无框类型按钮样式 */
+/deep/ .big-btn-ul .van-button--default {
+  background: var(--scl-white-1);
+  border: 1px solid var(--scl-white-1);
+  color: var(--scl-blue);
+}
+
+/*无框按钮不可用按钮样式*/
+/deep/ .big-btn-ul .van-button--default.van-button--disabled {
+  color: #000000;
+  border: 1px solid var(--scl-white-1);
+  background-color: var(--scl-white-1);
+}
+
+</style>

package/btn/lambo-button-group.vue

@@ -1,47 +1,47 @@
-<template>
-    <div class="button-group">
-      <slot name="opt"></slot>
-    </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboButtonGroup',
-  components: {},
-  props: {},
-  data() {
-    return {}
-  },
-  methods: {},
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.button-group {
-  display: flex;
-  padding: 0 14px;
-  background-color: var(--scl-white-1)
-}
-
-.button-group-line {
-  width: 100%;
-  height: 1px;
-  border-bottom: 1px solid var(--scl-white-2);
-}
-
-.button-group /deep/ .btns {
-  flex: 1;
-  text-align: center;
-}
-
-.button-group /deep/ .btns:nth-child(n+2) {
-  border-left: 1px solid var(--scl-white-2);
-}
-</style>
+<template>
+    <div class="button-group">
+      <slot name="opt"></slot>
+    </div>
+</template>
+<script>
+
+export default {
+  name: 'LamboButtonGroup',
+  components: {},
+  props: {},
+  data() {
+    return {}
+  },
+  methods: {},
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.button-group {
+  display: flex;
+  padding: 0 14px;
+  background-color: var(--scl-white-1)
+}
+
+.button-group-line {
+  width: 100%;
+  height: 1px;
+  border-bottom: 1px solid var(--scl-white-2);
+}
+
+.button-group /deep/ .btns {
+  flex: 1;
+  text-align: center;
+}
+
+.button-group /deep/ .btns:nth-child(n+2) {
+  border-left: 1px solid var(--scl-white-2);
+}
+</style>

package/btn/lambo-medium-button.vue

@@ -1,121 +1,124 @@
-<template>
-  <div class="btns">
-    <ul class="lambomediumbutton-ul">
-      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
-                  :type="type" class="LamboMediumButton" size="normal" @click="handleClick"> {{ text }}
-      </van-button>
-    </ul>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboMediumButton',
-  components: {},
-  props: {
-    type: {
-      // 填充类型按钮  plain传false type传primary
-      // 线框类型按钮  plain传true type传info
-      // 无框类型按钮  plain传false type传default
-      type: String,
-      default: 'primary'
-    },
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    text: {
-      type: String,
-      default: '中号按钮'
-    },
-    position: {
-      type: String,
-      default: 'left'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {}
-  },
-  methods: {
-    handleClick(event) {
-      this.$emit('click', event);
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.LamboMediumButton {
-  height: 30px;
-  border-radius: 3px;
-}
-
-/*填充按钮primary类型按钮样式 */
-/deep/ .lambomediumbutton-ul .van-button--primary {
-  background: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*填充按钮primary类型不可用按钮样式 */
-/deep/ .lambomediumbutton-ul .van-button--disabled {
-  cursor: not-allowed;
-  opacity: 1;
-  background-color: var(--scl-gray-6);
-  color: #000000;
-  border: 0px solid var(--scl-gray-6);
-}
-
-/*按钮文字样式*/
-/deep/ .lambomediumbutton-ul .van-button__text {
-  font-size: 11px;
-  padding: 10px 0px;
-  font-family: 微软雅黑, serif Regular;
-}
-
-/*线框按钮按钮样式*/
-/deep/ .lambomediumbutton-ul .van-button--plain.van-button--info {
-  color: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*线框按钮不可用按钮样式*/
-/deep/ .lambomediumbutton-ul .van-button--plain.van-button--info.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-gray-6);
-  background-color: #ffffff;
-}
-
-/*无框类型按钮样式 */
-/deep/ .lambomediumbutton-ul .van-button--default {
-  background: var(--scl-white-1);
-  border: 1px solid var(--scl-white-1);
-  color: var(--scl-blue);
-}
-
-/*无框按钮不可用按钮样式*/
-/deep/ .lambomediumbutton-ul .van-button--default.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-white-1);
-  background-color: var(--scl-white-1);
-}
-
-</style>
+<template>
+  <div class="btns">
+    <ul class="mid-btn-ul">
+      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
+                  :type="type" class="mid-btn" size="normal" @click="handleClick"> {{ text }}
+        <slot name="extend"></slot>
+      </van-button>
+    </ul>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'LamboMediumButton',
+  components: {},
+  props: {
+    /**
+     * 填充类型按钮  plain传false type传primary
+     * 线框类型按钮  plain传true type传info
+     * 无框类型按钮  plain传false type传default
+     */
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    text: {
+      type: String,
+      default: '中号按钮'
+    },
+    position: {
+      type: String,
+      default: 'left'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    handleClick(event) {
+      this.$emit('click', event);
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.mid-btn {
+  height: 30px;
+  border-radius: 3px;
+}
+
+/*填充按钮primary类型按钮样式 */
+/deep/ .mid-btn-ul .van-button--primary {
+  background: var(--scl-blue);
+  border: 1px solid var(--scl-blue);
+}
+
+/*填充按钮primary类型不可用按钮样式 */
+/deep/ .mid-btn-ul .van-button--disabled {
+  cursor: not-allowed;
+  opacity: 1;
+  background-color: var(--scl-gray-6);
+  color: #000000;
+  border: 0px solid var(--scl-gray-6);
+}
+
+/*按钮文字样式*/
+/deep/ .mid-btn-ul .van-button__text {
+  font-size: 12px;
+  padding: 10px 0px;
+  font-family: 微软雅黑, serif Regular;
+}
+
+/*线框按钮按钮样式*/
+/deep/ .mid-btn-ul .van-button--plain.van-button--info {
+  color: var(--scl-blue);
+  border: 1px solid var(--scl-blue);
+}
+
+/*线框按钮不可用按钮样式*/
+/deep/ .mid-btn-ul .van-button--plain.van-button--info.van-button--disabled {
+  color: #000000;
+  border: 1px solid var(--scl-gray-6);
+  background-color: #ffffff;
+}
+
+/*无框类型按钮样式 */
+/deep/ .mid-btn-ul .van-button--default {
+  background: var(--scl-white-1);
+  border: 1px solid var(--scl-white-1);
+  color: var(--scl-blue);
+}
+
+/*无框按钮不可用按钮样式*/
+/deep/ .mid-btn-ul .van-button--default.van-button--disabled {
+  color: #000000;
+  border: 1px solid var(--scl-white-1);
+  background-color: var(--scl-white-1);
+}
+
+</style>