meixioacomponent 0.3.41 → 0.3.45

package/packages/components/style/index.less

@@ -13,6 +13,10 @@ body {
   margin: 0px;
   --footer-height: 40px;
   --header-height: 63px;
+
+  .popper__arrow {
+    display: none !important;
+  }
 }
 
 html {
@@ -109,4 +113,4 @@ h6 {
 
 #nprogress .bar {
   background: var(--color-primary) !important;
-}
+}

package/src/App.vue

@@ -1,36 +1,57 @@
 <template>
   <div id="app">
-    <div style="height: 100vh">
-
+    <div style="height: 100vh;">
+      <test></test>
+      <!-- <base-upload v-model="test"></base-upload> -->
     </div>
   </div>
 </template>
 
 <script>
-import test from "./component/test.vue";
+import test from './component/test.vue'
 
-import BaseArea from "../packages/components/base/baseArea/baseArea.vue";
-import BaseTimeLine from "../packages/components/base/baseTimeLine/baseTimeLine.vue";
+import BaseArea from '../packages/components/base/baseArea/baseArea.vue'
+import BaseTimeLine from '../packages/components/base/baseTimeLine/baseTimeLine.vue'
+import BaseUpload from '../packages/components/base/baseUpload/baseUpload.vue'
 export default {
-  components: { test, BaseArea, BaseTimeLine },
+  components: { test, BaseArea, BaseTimeLine, BaseUpload },
   data() {
     return {
       test: [],
       items: [
-        { type: "", label: "标签一" },
-        { type: "success", label: "标签二" },
-        { type: "info", label: "标签三" },
-        { type: "danger", label: "标签四" },
-        { type: "warning", label: "标签五" },
+        { type: '', label: '标签一' },
+        { type: 'success', label: '标签二' },
+        { type: 'info', label: '标签三' },
+        { type: 'danger', label: '标签四' },
+        { type: 'warning', label: '标签五' },
       ],
       value: [],
       value2: [],
       value3: [],
-    };
+
+      flag: false,
+      infoList: [
+        {
+          label: '手机号（登录名）',
+          value: '18626860059',
+          key: 'phone',
+        },
+        {
+          label: '姓名',
+          value: '余群',
+          key: 'accountname',
+        },
+        {
+          label: '部门',
+          value: '技术部',
+          key: 'deptName',
+        },
+      ],
+    }
   },
   mounted() {},
   methods: {},
-};
+}
 </script>
 
 <style lang="less" scoped>

package/src/component/test.vue

@@ -312,7 +312,7 @@ export default {
 </style> -->
 
 <template>
-  <div class="page-table-wrap" ref="pageTableWrap">
+  <div class="page-table-wrap" ref="pageTableWrap" v-if="show">
     <base-pro-table
       :align="`left`"
       v-model="keyWords"
@@ -368,6 +368,8 @@ export default {
 
 <script>
 import tableTable from '../test'
+import companyInfoConfig from '../config/CompanyInfoConfig'
+import componentConfig from '../../packages/config/componentConfig'
 export default {
   data() {
     return {
@@ -424,19 +426,9 @@ export default {
         },
       ],
 
-      // 分页属性
-      /* 分页属性 */
-      pageProps: {
-        pageSize: 15,
-        pageNum: 1,
-        total: 100,
-      },
-      //  分页配置
-      pageConfig: {
-        size: 'pageSize',
-        page: 'pageNum',
-        total: 'total',
-      },
+      show: true,
+
+      one: true,
     }
   },
   created() {
@@ -456,6 +448,7 @@ export default {
         width: 150,
         template: false,
         screen: true,
+        toolTip: true,
       },
       {
         label: '合同名称',
@@ -486,10 +479,32 @@ export default {
         width: 280,
         template: false,
       },
+      {
+        label: '审核状态2',
+        key: 'status1',
+        lock: false,
+        width: 280,
+        template: false,
+      },
+      {
+        label: '审核状态3',
+        key: 'status2',
+        lock: false,
+        width: 280,
+        template: false,
+      },
+      {
+        label: '审核状态4',
+        key: 'status3',
+        lock: false,
+        width: 280,
+        template: false,
+      },
       {
         label: '签署时间',
         key: 'gmtCreate',
-        lock: false,
+        lock: 'right',
+        // lock: false,
         width: 280,
         template: false,
       },
@@ -498,13 +513,25 @@ export default {
   mounted() {
     this.pageHeight = this.$refs.pageTableWrap.clientHeight
   },
+  computed: {
+    pageProps() {
+      return companyInfoConfig.getPageProps()
+    },
+    pageConfig() {
+      return companyInfoConfig.getPageConfig()
+    },
+  },
   components: {},
   methods: {
     async httpRequire(screenCofig) {
-      let result = null
+      companyInfoConfig.setTable()
       try {
-        // result = await test(screenCofig)
-        this.pageProps.total = 20
+        // result = await test(screenCofig);
+        if (this.one) {
+          this.pageProps.total = 100
+        } else {
+          this.pageProps.total = 20
+        }
       } catch (error) {
         return new Promise((resolve, reject) => {
           this.pageProps.total = 0
@@ -512,7 +539,7 @@ export default {
         })
       }
       return new Promise((resolve, reject) => {
-        resolve(tableTable)
+        resolve(companyInfoConfig.getTableData())
       })
     },
     rowClick(row) {
@@ -531,177 +558,6 @@ export default {
 </style>
 
 <!-- 普通表单 -->
-<!-- <template>
-  <div class="add-company-step-two-wrap">
-    <base-form
-      :footer="false"
-      :rules="rules"
-      :rowNumber="1"
-      @onCancel="onCancel"
-      v-model="formList"
-      :labelWidth="`200px`"
-      :labelPosition="`right`"
-      @formSubmit="formSubmit"
-    >
-      <template v-slot:form-businessLicense="data">
-  
-        <div class="upload-wrap">
-          <base-upload-item
-            :shape="`pro`"
-            :fileType="`img`"
-            @uploadEd="uploadEd"
-            :uploadType="`single`"
-            v-model="data.scope[3].value"
-          >
-          </base-upload-item>
-        </div>
-      </template>
-      <template v-slot:form-idPositive="data">
-  
-        <div class="upload-wrap">
-          <base-upload-item
-            :shape="`pro`"
-            :fileType="`img`"
-            @uploadEd="uploadEd"
-            :uploadType="`single`"
-            v-model="data.scope[4].value"
-          >
-          </base-upload-item>
-        </div>
-      </template>
-      <template v-slot:form-idBack="data">
-     
-        <div class="upload-wrap">
-          <base-upload-item
-            :shape="`pro`"
-            :fileType="`img`"
-            @uploadEd="uploadEd"
-            :uploadType="`single`"
-            v-model="data.scope[5].value"
-          >
-          </base-upload-item>
-        </div>
-      </template>
-    </base-form>
-  </div>
-</template> -->
-
-<!-- <script>
-export default {
-  data() {
-    return {
-      formList: [
-        {
-          value: "",
-          key: "companyName",
-          type: "input",
-          label: "企业名称",
-        },
-        {
-          value: "",
-          key: "companyAddress",
-          type: "area",
-          label: "通讯地址",
-        },
-        {
-          value: "",
-          key: "companyDetail",
-          type: "textarea",
-          label: "详细地址",
-        },
-        {
-          value: [],
-          key: "businessLicense",
-          type: "template",
-          label: "营业执照正面彩照",
-        },
-        {
-          value: [],
-          key: "idPositive",
-          type: "template",
-          label: "法人身份证人像照",
-        },
-        {
-          value: [],
-          key: "idBack",
-          type: "template",
-          label: "法人身份证国徽照",
-        },
-      ],
-      rules: {
-        companyName: [
-          {
-            required: true,
-            message: "请输入企业名称",
-            trigger: "blur",
-          },
-        ],
-        companyAddress: [
-          {
-            required: true,
-            message: "请输入通讯地址",
-            trigger: "blur",
-          },
-        ],
-        companyDetail: [
-          {
-            required: true,
-            message: "请输入详细地址",
-            trigger: "blur",
-          },
-        ],
-        businessLicense: [
-          {
-            required: true,
-            message: "请上传营业彩照",
-            trigger: "blur",
-          },
-        ],
-        idPositive: [
-          {
-            required: true,
-            message: "请上传法人身份证人像照",
-            trigger: "blur",
-          },
-        ],
-        idBack: [
-          {
-            required: true,
-            message: "请上传法人身份证国徽照",
-            trigger: "blur",
-          },
-        ],
-      },
-    };
-  },
-  methods: {
-    onCancel() {},
-    formSubmit() {},
-    uploadEd(value) {
-      console.log(value);
-      console.log(this.formList);
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.add-company-step-two-wrap {
-  width: 60%;
-  height: 100%;
-  overflow-y: auto;
-  .upload-wrap {
-    width: 100%;
-    height: 170px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    /deep/ .base-upload-item-wrap {
-      margin: 0px;
-    }
-  }
-}
-</style> -->
 
 <!-- 上传表单 -->
 <!-- <template>

package/src/config/CompanyInfoConfig.js

@@ -0,0 +1,26 @@
+import { reactive } from 'vue'
+import LinkViewClass from './linkViewClass'
+
+class CompanyInfoConfig extends LinkViewClass {
+  constructor() {
+    super()
+    this.dynamicMount = null
+    this.drawerContent = null
+
+    this.tableData = []
+  }
+  setTable() {
+    this.tableData = [
+      { firmName: 1 },
+      { firmName: '这是一段八个字的文字' },
+      { firmName: 3 },
+      { firmName: 4 },
+      { firmName: 5 },
+      { firmName: 6 },
+      { firmName: 7 },
+    ]
+  }
+}
+
+const companyInfoConfig = reactive(new CompanyInfoConfig())
+export default companyInfoConfig

package/src/config/linkViewClass.js

@@ -0,0 +1,71 @@
+class LinkViewClass {
+  constructor(params) {
+    this.tableData = []
+    this.refreshTableData = null
+    this.pageProps = {}
+    this.pageConfig = {}
+    this.activeIndex = 0
+    this.init()
+  }
+
+  init() {
+    this.tableData = []
+    this.activeIndex = 0
+    this.refreshTableData = null
+    this.pageProps = {
+      size: 15,
+      total: 100,
+      current: 1,
+    }
+    this.pageConfig = {
+      size: 'size',
+      page: 'current',
+      total: 'total',
+    }
+  }
+  onHandNextData() {
+    if (this.hasNextTableData()) {
+      this.activeIndex += 1
+      return
+    }
+    this.activeIndex = this.tableData.length - 1
+  }
+
+  onHandPreData() {
+    if (this.hasPreTableData()) {
+      this.activeIndex -= 1
+    }
+    this.activeIndex = 0
+  }
+
+  hasNextTableData() {
+    return this.tableData.length > 0
+      ? this.activeIndex == this.tableData.length - 1
+        ? false
+        : true
+      : false
+  }
+  hasPreTableData() {
+    return this.activeIndex <= 0 ? false : true
+  }
+  getTableDataForActiveIndex() {
+    return this.tableData[this.activeIndex]
+  }
+
+  getPageProps() {
+    return this.pageProps
+  }
+
+  getTableData() {
+    this.activeIndex = 0
+    return {
+      _class: this,
+      tableData: this.tableData,
+    }
+  }
+  getPageConfig() {
+    return this.pageConfig
+  }
+}
+
+export default LinkViewClass

package/src/main.js

@@ -8,7 +8,7 @@ import testSelectStore from "./component/testSelectStore";
 import "../packages/components/style/index.less";
 meixioacomponent.componentConfig.initConfig(store, router);
 meixioacomponent.componentConfig.setUploadPrefix(
-  "http://192.168.31.156:9999/files/files"
+  "http://gateway.wubangtu.xyz:9999/files/files"
 );
 
 Vue.use(ElementUI);

package/src/test.js

@@ -1,8 +1,8 @@
-import { reactive } from "vue"
+import { reactive, ref } from "vue"
 
 
-let tableTable = reactive([{ firmName: 1 },
-{ firmName: 2 },
+let tableTable = ref([{ firmName: 1 },
+{ firmName: '这是一段八个字的文字' },
 { firmName: 3 },
 { firmName: 4 },
 { firmName: 5 },