meixioacomponent 0.4.2 → 0.4.6

package/src/component/testSelectStore.js

@@ -1,19 +1,26 @@
+import axios from 'axios'
 import meixioacomponent from '../../packages/components/index'
+import request from '../config/request'
+let cancelToken = null
+
 // 示例
-let testRequest = () => {
+let testRequest = (params) => {
+  console.log(params)
+  cancelToken = axios.CancelToken.source()
+  console.log(cancelToken)
+  const GetDictItemFromType = (type) => {
+    return request({
+      method: 'get',
+      url: `/admin/dict/type/${type}`,
+    })
+  }
   return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      resolve([
-        {
-          value: 1,
-          label: '黄金糕',
-        },
-        {
-          value: 2,
-          label: '双皮奶',
-        },
-      ])
-    }, 100)
+    // test()
+    // cancelToken.cancel()
+    GetDictItemFromType('goods_specification').then((res) => {
+      console.log(res)
+      resolve(res.data.data)
+    })
   })
 }
 
@@ -21,6 +28,11 @@ class TestSelectStore extends meixioacomponent.SelectStore {
   constructor(params) {
     super(params)
   }
+
+  cancelLoad() {
+    this.loading = false
+    cancelToken.cancel()
+  }
 }
 
 let testSelectStore = new TestSelectStore({

package/src/config/CompanyInfoConfig.js

@@ -7,13 +7,15 @@ class CompanyInfoConfig extends LinkViewClass {
     super()
     this.dynamicMount = null
     this.drawerContent = null
+    this.delFn=()=>{}
 
-    this.tableData = []
+
+    this.tableData = [{}]
   }
   async setTable(params) {
     const res = await request({
       method: 'get',
-      url: '/admin/post/page',
+      url: 'product/combo/page',
       params: params,
     })
 

package/packages/components/base/brieflyItem.vue

@@ -1,198 +0,0 @@
-<template>
-  <div
-    class="briefly-item-wrap"
-    :class="[`item${type}`]"
-    :style="{ padding: padding }"
-  >
-    <div class="briefly-title">
-      <span>{{ title }}</span>
-      <base-icon
-        v-if="icon"
-        :event="true"
-        :color="`m`"
-        :size="`l`"
-        :name="icon"
-        @iconClick="iconClick"
-      ></base-icon>
-      <el-tag :type="tagType" effect="dark" size="mini" v-if="tagName">
-        {{ tagName }}
-      </el-tag>
-    </div>
-    <div class="briefly-value">
-      {{ brieflyValue }}
-      <span class="company-text">{{ company }}</span>
-    </div>
-    <div class="briefly-des">
-      {{ brieflyDes }}
-      <span class="briefly-des-value" :class="[desType]">
-        {{ brieflyDesValue }}
-        <base-icon
-          v-if="desType == 'top'"
-          :size="`l`"
-          class="des-type-icon"
-          :name="`icon-shangjiantou`"
-        >
-        </base-icon>
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  props: {
-    type: {
-      type: String,
-      default: "info",
-    },
-
-    padding: {
-      type: String,
-      default: "calc(var(--padding-4) * 2)",
-    },
-
-    brieflyValue: {
-      type: String | Number,
-      require: true,
-    },
-
-    brieflyDes: {
-      type: String,
-      require: true,
-    },
-
-    brieflyDesValue: {
-      type: String | Number,
-    },
-
-    desType: {
-      type: String,
-    },
-
-    title: {
-      type: String,
-      require: true,
-    },
-
-    icon: {
-      type: String,
-    },
-
-    tagType: {
-      type: String,
-    },
-
-    tagName: {
-      type: String,
-    },
-
-    company: {
-      type: String,
-      require: true,
-    },
-  },
-  computed: {},
-  methods: {
-    iconClick() {},
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.briefly-item-wrap {
-  width: auto;
-  height: auto;
-  display: flex;
-  box-sizing: border-box;
-  align-items: flex-start;
-  flex-flow: column nowrap;
-  justify-content: space-between;
-  border-radius: calc(var(--radius) * 2);
-  .briefly-title {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    flex-flow: row nowrap;
-    color: var(--font-color-s);
-    justify-content: flex-start;
-    font-size: var(--font-size-base);
-  }
-  .briefly-value {
-    font-weight: 700;
-
-    color: var(--font-color-d);
-    font-size: calc(var(--font-size-xl) + 4px);
-    .company-text {
-      font-weight: 400;
-      color: var(--font-color-m);
-      margin-left: var(--margin-2);
-      font-size: var(--font-size-s);
-    }
-  }
-
-  .briefly-des {
-    display: flex;
-    align-items: center;
-    color: var(--font-color-s);
-    font-size: var(--font-size-s);
-
-    .briefly-des-value {
-      display: flex;
-      align-items: center;
-      margin-left: var(--margin-4);
-      font-size: var(--font-size-base);
-      font-weight: var(--font-weight-kg);
-      .des-type-icon {
-        width: auto !important;
-        height: auto !important;
-        /deep/ i {
-          margin-top: var(--margin-1);
-        }
-      }
-    }
-
-    .top {
-      color: var(--color-error);
-      .des-type-icon {
-        /deep/ i {
-          color: var(--color-error) !important;
-        }
-      }
-    }
-    .down {
-      color: var(--color-success);
-      .des-type-icon {
-        /deep/ i {
-          color: var(--color-success) !important;
-        }
-      }
-    }
-  }
-}
-.itemprimary {
-  background: var(--color-primary);
-  .briefly-title,
-  .briefly-value,
-  .company-text,
-  .briefly-des {
-    color: white !important;
-    .briefly-des-value {
-      color: white;
-      .des-type-icon {
-        /deep/ i {
-          color: white !important;
-        }
-      }
-    }
-  }
-}
-.iteminfo {
-  background: var(--color-gray-m);
-}
-.shallow {
-  background: white;
-}
-</style>