From 2c1a58c36340321bb3ea9ada5ff63fe5f9ac128a Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期二, 15 八月 2023 16:55:15 +0800
Subject: [PATCH] 主题库首次点击单元格，输入框获取焦点（还未改完）

---
 Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue |   35 +++++++++++++++++++++++++----------
 1 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue b/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue
index df97fda..9237072 100644
--- a/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue
+++ b/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue
@@ -327,9 +327,11 @@
         <template slot-scope="{ row }">
           <el-input v-if="editingRows === row && editShows== item.prop && item.prop != 'codeDateFormat' && (item.edit == 'text'  ||item.edit == 'refer' )"
                     ref="inputRef"
+                    :id="'inputRef' + row.oid"
                     v-show="!AddCellFlag"
                     v-model="row[item.prop]"
-                    autofocus @blur="saveRows"></el-input>
+                    @blur="saveRows"
+                    autofocus></el-input>
           <el-input-number v-if="editingRows === row && editShows== item.prop && item.edit == 'number'" v-model="row[item.prop]"
                            :style="{width:(item.width-10)+'px'}"
                            controls-position="right"
@@ -372,6 +374,7 @@
 import {AttrByBtm, gridCodeClassifyTemplateAttr, batchAddSave, copyto, listByFlag} from '@/api/template/templateAttr'
 import {getList} from "@/api/refer/table";
 import func from "@/util/func";
+import {getCurrentInstance} from "vue";
 
 export default {
   name: "attrCrud .vue",
@@ -428,7 +431,7 @@
       }
     },
     crudArrayFlag: {
-      handler(newval, olaval) {
+      handler(newval, oldval) {
         console.log('crudArrayFlag', newval)
       }
     },
@@ -1078,11 +1081,13 @@
         column: [
           {
             label: "灞炴�ц嫳鏂囧悕绉�",
-            prop: "id"
+            prop: "id",
+            width:100,
           },
           {
             label: "灞炴�т腑鏂囧悕绉�",
-            prop: "name"
+            prop: "name",
+            width:100,
           },
           {
             label: "闀垮害",
@@ -1123,7 +1128,7 @@
             prop: "precisionLength"
           },
           {
-            label: "灏忕簿鍒诲害",
+            label: "灏忔暟鍒诲害",
             prop: "scaleLength"
           },
           {
@@ -1565,9 +1570,6 @@
     //鍙緭鍙�変笅鎷�
     selectChangeHandler(editConfig, index) {
       let that = this;
-      /*if(that.option.column[index].data && that.option.column[index].data.length>=0){
-        return;
-      }*/
       listByFlag(editConfig.extraParams).then(res => {
         that.option.column[index].data = res.data.data;
       })
@@ -1586,7 +1588,7 @@
         item.attributeGroup = this.attrModel
       })
       if (this.CurrentCell) {
-        this.$set(this.CurrentCell, 'attributeGroup', this.attrModel)
+        this.$set(this.CurrentCell, 'attributeGroup', this.attrModel);
       } else {
         this.$set(this.attrSelectList[0], 'attributeGroup', this.attrModel)
       }
@@ -1814,6 +1816,12 @@
         this.editShows = column.property;
         this.rowOid = row.oid;
         this.CurrentCell = row;
+        if(this.editingRows){
+          const inputElement = document.querySelector(`#inputRef${row.oid}`);
+          if (inputElement) {
+            inputElement.focus();
+          };
+        }
         if (column.property == 'referConfig') {
           this.referConfigVisble = true;
           this.referConfigOption = {
@@ -1871,6 +1879,11 @@
     },
     saveRows() {
       this.editingRows = null;
+      this.editShows = null;
+      const inputElement = document.querySelector(`#inputRef${this.CurrentCell.oid}`);
+      if (inputElement) {
+        inputElement.blur();
+      }
     },
     // 鏋氫妇娉ㄥ叆娣诲姞涓�琛岀┖鏁版嵁
     addRow() {
@@ -1974,6 +1987,7 @@
     rulesHandle() {
       if (this.CurrentCell) {
         this.$set(this.CurrentCell, 'verifyRule', this.RulesForm.expressionText)
+        this.AddCellFlag = !this.AddCellFlag;
       } else {
         this.attrSelectList.forEach((item) => {
           this.$set(item, 'verifyRule', this.RulesForm.expressionText)
@@ -2092,6 +2106,7 @@
         this.editStyleFlag = true;
         this.attrEditVisible = true;
         this.attrFlag = true;
+        this.AddCellFlag=true;
       }
 
     },
@@ -2120,7 +2135,7 @@
         this.$set(this.attrRow, 'referConfig', JSON.stringify(content))
       }
     },
-    // 鎺掑簭
+    // 鎺掑簭 this.AddCellFlag=false;
     sortChange(val) {
       console.log(val)
     },

--
Gitblit v1.9.3