ocpview-plus 1.0.4 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ocpview-plus",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "title": "ocpviewPlus",
   "description": "A high quality Service UI components Library with Vue.js",
   "homepage": "",

package/src/components/masterplate/RewriteBillListDetails/BillInfoPanelEditTable.vue

@@ -112,6 +112,7 @@
                     :mouse-config="VG_mouseConfig"
                     @sort-change="RewriteTableOnSortChange"
                     @cell-dblclick="RewriteTableCellDBlclick"
+                    @edit-activated="VG_editActivated"
                     @keydown="VG_keydown"
                 >
                     <!-- 操作面板插槽 -->
@@ -154,7 +155,7 @@
 
                     <!-- 编辑列插槽 -->
                     <template #columnEdit="{ row, rowIndex, columnIndex }">
-                        <ControlBox
+                        <BillInfoPanelEditTableControlbox
                             :autofocus="true"
                             :config="getTableColumnConfig(columnIndex)"
                             :valueData="row"
@@ -165,7 +166,7 @@
                                 }
                             "
                             @doAction="doAction"
-                        ></ControlBox>
+                        ></BillInfoPanelEditTableControlbox>
                     </template>
                 </vxe-grid>
                 <!-- 编辑表格 覆写结束 -->
@@ -275,11 +276,13 @@
 </template>
 <script>
 import editgridcard from "../editgridcard.vue";
+import BillInfoPanelEditTableControlbox from "./BillInfoPanelEditTableControlbox.vue";
 import useVxeGridEditTypeKeydownEventHook from "./mixins/useVxeGridEditTypeKeydownEventHook.js";
 
 export default {
     name: "BillInfoPanelEditTable",
     extends: editgridcard,
+    components: { BillInfoPanelEditTableControlbox },
     mixins: [useVxeGridEditTypeKeydownEventHook],
     data() {
         return {
@@ -352,6 +355,16 @@ export default {
                         !columnsItemType && {
                             editRender: {
                                 enabled: true,
+                                autoselect: this.$utils.get(
+                                    item,
+                                    "autoselect",
+                                    false
+                                ),
+                                autofocus: this.$utils.get(
+                                    item,
+                                    "autofocus",
+                                    ""
+                                ),
                                 defaultValue: item.defaultValue || "",
                             },
                             slots: { edit: "columnEdit" },
@@ -679,6 +692,10 @@ export default {
         },
 
         getTableColumnConfig(index) {
+            let column = this.tableColumns[index];
+            if (column.type === "NumberBox") {
+                column.place = "unset";
+            }
             return this.tableColumns[index];
         },
 

package/src/components/masterplate/RewriteBillListDetails/BillInfoPanelEditTableControlbox.vue

@@ -0,0 +1,126 @@
+<template>
+    <div v-if="hackReset" @keydown.enter="keyDown('enter')">
+        <template v-if="type === 'Divider'">
+            <Divider
+                :orientation="config.orientation"
+                :dashed="config.dashed"
+                :type="config.vtype"
+                :id="config.id"
+                :style="config.style"
+            >
+                <template v-if="!!config.label || !!config.hide" #default>
+                    <span v-if="!!config.label" v-text="config.label"> </span>
+                    <div v-if="!!config.hide">
+                        <p
+                            v-if="hideFlag"
+                            @click.stop="hide"
+                            class="efuture-hide-text"
+                        >
+                            <Icon type="ios-arrow-up" />
+                            <span> 收起查询条件 </span>
+                        </p>
+                        <p v-else @click.stop="hide" class="efuture-hide-text">
+                            <Icon type="ios-arrow-down" />
+                            <span>展开查询条件</span>
+                        </p>
+                    </div>
+                </template>
+            </Divider>
+        </template>
+        <template v-else-if="type === 'NumberRangeBox'">
+            <NumberRangeBox
+                ref="myControl"
+                :fatherSvalue="svalue"
+                :fatherEvalue="evalue"
+                @inputValue="input"
+                :config="config"
+            ></NumberRangeBox>
+        </template>
+        <template v-else-if="type === 'DateRangeBox'">
+            <DateRangeBox
+                ref="myControl"
+                :fatherSvalue="svalue"
+                :fatherEvalue="evalue"
+                @inputValue="input"
+                :config="config"
+            ></DateRangeBox>
+        </template>
+        <template v-else-if="type === 'PopTextBox'">
+            <PopTextBox
+                ref="myControl"
+                :fatherValue="value"
+                :fatherText="text"
+                @inputValue="input"
+                :config="config"
+            ></PopTextBox>
+        </template>
+        <template v-else-if="type === 'PictureBox'">
+            <PictureBox
+                ref="myControl"
+                v-if="config.multiSelect !== true"
+                :fatherValue="value"
+                @inputValue="input"
+                :config="config"
+                :readOnly="readOnly"
+                :showStyle="config.showStyle"
+            ></PictureBox>
+            <PictureBox
+                ref="myControl"
+                v-else
+                :config="config"
+                :readOnly="readOnly"
+                :showStyle="config.showStyle"
+            ></PictureBox>
+        </template>
+        <template v-else-if="type === 'VideoBox'">
+            <VideoBox
+                ref="myControl"
+                v-if="config.multiSelect !== true"
+                :fatherValue="value"
+                @inputValue="input"
+                :config="config"
+                :readOnly="readOnly"
+                :showStyle="config.showStyle"
+            ></VideoBox>
+            <VideoBox
+                ref="myControl"
+                v-else
+                :config="config"
+                :readOnly="readOnly"
+                :showStyle="config.showStyle"
+            ></VideoBox>
+        </template>
+        <template v-else-if="type === 'NumberBox'">
+            <BillInfoPanelEditTableControlboxNumberbox
+                ref="myControl"
+                :fatherValue="value"
+                :readOnly="readOnly"
+                @inputValue="input"
+                :config="config"
+            ></BillInfoPanelEditTableControlboxNumberbox>
+        </template>
+        <template v-else>
+            <component
+                :is="type"
+                ref="myControl"
+                :fatherValue="value"
+                :readOnly="readOnly"
+                @inputValue="input"
+                :config="config"
+            />
+        </template>
+    </div>
+</template>
+
+<script>
+import controlbox from "../../base/controlbox.vue";
+import BillInfoPanelEditTableControlboxNumberbox from "./BillInfoPanelEditTableControlboxNumberbox.vue";
+export default {
+    name: "BillInfoPanelEditTableControlbox",
+    extends: controlbox,
+    components: { BillInfoPanelEditTableControlboxNumberbox },
+    mounted() {
+        // console.log("我继承覆写了999999");
+    },
+};
+</script>

package/src/components/masterplate/RewriteBillListDetails/BillInfoPanelEditTableControlboxNumberbox.vue

@@ -0,0 +1,21 @@
+<script>
+import numberbox from "../../numberbox/numberbox.vue";
+export default {
+    name: "BillInfoPanelEditTableControlboxNumberbox",
+    extends: numberbox,
+    methods: {
+        init() {
+            // 获取默认属性
+            this.myConfig = Object.assign({}, this.globalConfig, this.myConfig);
+
+            // 获取动态属性
+            if (this.config) {
+                this.myConfig = Object.assign({}, this.myConfig, this.config);
+            }
+        },
+    },
+    mounted() {
+        // console.log("我继承覆写了999999");
+    },
+};
+</script>

package/src/components/masterplate/RewriteBillListDetails/mixins/useVxeGridEditTypeKeydownEventHook.js

@@ -243,5 +243,9 @@ export default {
             }
             return isLastEditCell;
         },
+
+        VG_editActivated(params) {
+            this.VG_currentEditRecord = params;
+        },
     },
 };

package/src/components/numberbox/NumberBoxV1.vue

@@ -0,0 +1,39 @@
+<script>
+import numberbox from "./numberbox.vue";
+export default {
+    name: "NumberBoxV1",
+    extends: numberbox,
+    methods: {
+        init() {
+            // 获取默认属性
+            this.myConfig = Object.assign({}, this.globalConfig, this.myConfig);
+
+            // 获取动态属性
+            if (this.config) {
+                this.myConfig = Object.assign({}, this.myConfig, this.config);
+            }
+
+            this.myConfig.place = "unset";
+
+            if (this.customInit) {
+                this.customInit();
+            }
+        },
+        parser(event) {
+            this.label = this.getValueNumber(this.value);
+            if (event) {
+                const currentTarget = event.currentTarget;
+                setTimeout(() => {
+                    currentTarget.select();
+                }, 0);
+            }
+        },
+    },
+    // mounted() {
+    //     // console.log("我继承覆写了");
+    // },
+    // beforeUnmount() {
+    //     // console.log("我销毁了");
+    // },
+};
+</script>

package/src/components/numberbox/index.js

@@ -1,3 +1,4 @@
-import NumberBox from './numberbox.vue';
-import NumberRangeBox from './numberrangebox.vue';
-export {NumberBox,NumberRangeBox};
+import NumberBox from "./numberbox.vue";
+import NumberRangeBox from "./numberrangebox.vue";
+import NumberBoxV1 from "./NumberBoxV1.vue";
+export { NumberBox, NumberRangeBox, NumberBoxV1 };

package/src/index.js

@@ -19,7 +19,7 @@ import {
 } from './components/grid';
 import TextBox from './components/textbox';
 import RichTextBox from './components/richtextbox';
-import { NumberBox, NumberRangeBox } from './components/numberbox';
+import { NumberBox, NumberRangeBox,NumberBoxV1 } from './components/numberbox';
 import { DateBox, DateRangeBox } from './components/datebox';
 import TimePicBox from './components/timebox';
 import PopTextBox from './components/poptextbox';
@@ -171,7 +171,8 @@ const components = {
    mBillAsyncImport,
    mBillImport,
    wRichTextBox,
-   mBillListDetails
+   mBillListDetails,
+   NumberBoxV1
 };
 
 const iview = {