mooho-base-admin-plus 2.10.74 → 2.10.76

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mooho-base-admin-plus",
   "description": "MOOHO basic framework for admin by Vue3",
-  "version": "2.10.74",
+  "version": "2.10.76",
   "author": "jinyifan <jinyifan@mooho.com.cn>",
   "license": "MIT",
   "private": false,

package/src/components/input/dialog-select.vue

@@ -14,7 +14,15 @@
         <Button :size="size" custom-icon="fa fa-search" @click="dialogSelectOpen()"></Button>
       </template>
     </Input>
-    <modal-table ref="dialogTable" :view-code="source" :autoLoad="false" :select-enable="multi" :check-cross-page="true" :footer-enable="multi">
+    <modal-table
+      ref="dialogTable"
+      :view-code="source"
+      :autoLoad="false"
+      :select-enable="multi"
+      :check-cross-page="true"
+      :footer-enable="multi"
+      @on-row-dblclick="dialogTableRowDblclick"
+    >
       <template #command="{ row }">
         <Button size="small" v-if="!multi" type="primary" custom-icon="fa fa-check" @click="dialogCheck(row)">{{ $t('Front_Btn_Select') }}</Button>
       </template>
@@ -311,13 +319,20 @@
          * 选中项变化事件
          * @property {object} row 选中行 }
          */
-        this.$emit('on-change', data);
+        this.$emit('on-change', data, displayData);
 
         this.$refs.dialogTable.close();
       },
       // 关闭
       close() {
         this.$refs.dialogTable.close();
+      },
+      // 双击行选中
+
+      dialogTableRowDblclick(row) {
+        if (!this.multi) {
+          this.dialogCheck(row);
+        }
       }
     }
   };

package/src/components/view/filter-edit.vue

@@ -322,7 +322,7 @@
             </Col>
             <Col v-bind="grid8" v-if="paramData.keyType == '变量'">
               <FormItem label="值" key="val2" prop="val">
-                <Input type="text" v-model="paramData.val" @on-focus="openValueSelect">
+                <Input type="text" v-model="paramData.val">
                   <template #prepend>
                     <Button custom-icon="fa fa-search" @click="openValueSelect"></Button>
                   </template>

package/src/components/view/table-filter.vue

@@ -163,7 +163,7 @@
                     :source="column.source"
                     :source-data-code="column.sourceDataCode"
                     :source-display-code="column.sourceDisplayCode"
-                    :param="getParam(data, column)"
+                    :param="getParam(data, column, parentData)"
                     :controlWidth="column.controlWidth"
                     @on-change="selected => onSelectDataChange(column, selected)"
                   ></dialog-select>
@@ -177,7 +177,7 @@
                     :source="column.source"
                     :source-data-code="column.sourceDataCode"
                     :source-display-code="column.sourceDisplayCode"
-                    :param="getParam(data, column)"
+                    :param="getParam(data, column, parentData)"
                     :controlWidth="column.controlWidth"
                     @on-change="selected => onSelectDataChange(column, selected)"
                   ></dialog-select>
@@ -310,6 +310,15 @@
       // 字段
       columns: {
         type: Array
+      },
+      /**
+       * 内嵌表格的父对象
+       */
+      parentData: {
+        type: Object,
+        default() {
+          return {};
+        }
       }
     },
     watch: {
@@ -625,7 +634,7 @@
             break;
           }
 
-          let param = this.getParam(this.data, column);
+          let param = this.getParam(this.data, column, this.parentData);
 
           if (
             column.controlType === 'Select' ||
@@ -801,7 +810,7 @@
           return;
         }
 
-        let param = this.getParam(data, column);
+        let param = this.getParam(data, column, this.parentData);
 
         if (param != null) {
           param[column.sourceDisplayCode + '_c'] = keyword;

package/src/components/view/view-table-excel.vue

@@ -874,7 +874,7 @@
             let isReadonly = column.isReadonly;
 
             // 判断是否只读
-            if (column.controlType == 'Label') {
+            if (column.controlType == 'Label' || this.readonly) {
               isReadonly = true;
             } else if (!!(column.readonlyJson || '').trim()) {
               let setting = JSON.parse(column.readonlyJson);
@@ -882,6 +882,8 @@
               if (setting.type == 'Condition' || setting.type == 'Expression') {
                 isReadonly = this.judgeCondition(setting, this.staticData[row]);
               }
+            } else {
+              isReadonly = column.isReadonly;
             }
 
             // 判断是否显示
@@ -891,6 +893,8 @@
               if (setting.type == 'Condition' || setting.type == 'Expression') {
                 isShow = this.judgeCondition(setting, this.staticData[row]);
               }
+            } else {
+              isShow = column.isShow;
             }
 
             if (!isShow) {

package/src/components/view/view-table.vue

@@ -28,7 +28,7 @@
               @slot 自定义筛选栏
           -->
             <slot name="customFilter"></slot>
-            <table-filter ref="tableFilter" :columns="filterColumns" :table-view="tableView" @on-keyup="onKeyup">
+            <table-filter ref="tableFilter" :columns="filterColumns" :table-view="tableView" :parent-data="parentData" @on-keyup="onKeyup">
               <template #column="{ column }">
                 <!--
                   @slot 筛选栏自定义列
@@ -2882,7 +2882,7 @@
           return;
         }
 
-        let param = this.getParam(data, column);
+        let param = this.getParam(data, column, this.parentData);
 
         if (param != null) {
           param[column.sourceDisplayCode + '_c'] = keyword;

package/src/pages/system/role.vue

@@ -39,13 +39,32 @@
         <view-table ref="userRoleDataTable" view-code="UserRoleDataEdit" :static="true">
           <template #column="{ row, code }">
             <template v-if="row.controlType === 'TextInput'">
-              <Input type="text" size="small" v-model="row.propertyValue" />
+              <Input
+                type="text"
+                size="small"
+                v-model="row.propertyValue"
+                @on-change="
+                  () => {
+                    row.propertyDisplayValue = row.propertyValue;
+                  }
+                "
+              />
             </template>
             <template v-else-if="row.controlType === 'NumberInput'">
-              <Input type="number" size="small" number v-model="row.propertyValue" />
+              <Input
+                type="number"
+                size="small"
+                number
+                v-model="row.propertyValue"
+                @on-change="
+                  () => {
+                    row.propertyDisplayValue = row.propertyValue;
+                  }
+                "
+              />
             </template>
             <template v-else-if="row.controlType === 'Select'">
-              <Select size="small" v-model="row.propertyValue" :clearable="true" :transfer="true">
+              <Select size="small" v-model="row.propertyValue" :clearable="true" :transfer="true" @on-change="selected => selectChange(selected, row)">
                 <Option v-for="item in row._dataSource" :key="item.id" :value="item.id">{{ item.name }}</Option>
               </Select>
             </template>
@@ -61,6 +80,7 @@
                 :multiple="true"
                 clearable
                 :transfer="true"
+                @on-change="selected => multiSelectChange(selected, row)"
               >
                 <Option v-for="item in row._dataSource" :key="item.id" :value="item.id">{{ item.name }}</Option>
               </Select>
@@ -73,6 +93,7 @@
                 :source-data-code="row.sourceDataCode"
                 :source-display-code="row.sourceDisplayCode"
                 :param="getParam(row)"
+                @on-change="selected => dialogSelectChange(selected, row)"
               ></dialog-select>
             </template>
             <template v-else-if="row.controlType === 'MultiDialogSelect'">
@@ -84,6 +105,7 @@
                 :source-data-code="row.sourceDataCode"
                 :source-display-code="row.sourceDisplayCode"
                 :param="getParam(row)"
+                @on-change="(selected, displaySelected) => multiDialogSelectChange(selected, displaySelected, row)"
               ></dialog-select>
             </template>
             <template v-else-if="row.controlType === 'Check'">
@@ -394,6 +416,34 @@
             });
           });
         }
+      },
+      selectChange(selected, row) {
+        console.log('selectChange', selected, row);
+
+        if (selected) {
+          row.propertyDisplayValue = row._dataSource.find(item => item.id == selected).name;
+        } else {
+          row.propertyDisplayValue = null;
+        }
+      },
+      multiSelectChange(selected, row) {
+        let displayValue = [];
+
+        selected.forEach(item => {
+          displayValue.push(row._dataSource.find(i => i.id == item).name);
+        });
+
+        row.propertyDisplayValue = displayValue.join(',');
+      },
+      dialogSelectChange(selected, row) {
+        if (selected) {
+          row.propertyDisplayValue = selected.name;
+        } else {
+          row.propertyDisplayValue = null;
+        }
+      },
+      multiDialogSelectChange(selected, displaySelected, row) {
+        row.propertyDisplayValue = displaySelected;
       }
     }
   };

package/src/pages/system/user.vue

@@ -50,13 +50,49 @@
         <view-table ref="userRoleDataTable" view-code="UserRoleDataEdit" :static="true">
           <template #column="{ row, code }">
             <template v-if="row.controlType === 'TextInput'">
-              <Input type="text" size="small" v-model="row.propertyValue" />
+              <Input
+                type="text"
+                size="small"
+                v-model="row.propertyValue"
+                @on-change="
+                  () => {
+                    row.propertyDisplayValue = row.propertyValue;
+                  }
+                "
+              />
             </template>
             <template v-else-if="row.controlType === 'NumberInput'">
-              <Input type="number" size="small" number v-model="row.propertyValue" />
+              <Input
+                type="number"
+                size="small"
+                number
+                v-model="row.propertyValue"
+                @on-change="
+                  () => {
+                    row.propertyDisplayValue = row.propertyValue;
+                  }
+                "
+              />
             </template>
             <template v-else-if="row.controlType === 'Select'">
-              <Select size="small" v-model="row.propertyValue" :clearable="true" :transfer="true">
+              <Select size="small" v-model="row.propertyValue" :clearable="true" :transfer="true" @on-change="selected => selectChange(selected, row)">
+                <Option v-for="item in row._dataSource" :key="item.id" :value="item.id">{{ item.name }}</Option>
+              </Select>
+            </template>
+            <template v-else-if="row.controlType === 'MultiSelect'">
+              <Select
+                size="small"
+                :model-value="row.propertyValue == null ? null : JSON.parse(row.propertyValue)"
+                @update:model-value="
+                  $event => {
+                    row.propertyValue = $event.length == 0 ? null : JSON.stringify($event);
+                  }
+                "
+                :multiple="true"
+                clearable
+                :transfer="true"
+                @on-change="selected => multiSelectChange(selected, row)"
+              >
                 <Option v-for="item in row._dataSource" :key="item.id" :value="item.id">{{ item.name }}</Option>
               </Select>
             </template>
@@ -68,6 +104,7 @@
                 :source-data-code="row.sourceDataCode"
                 :source-display-code="row.sourceDisplayCode"
                 :param="getParam(row)"
+                @on-change="selected => dialogSelectChange(selected, row)"
               ></dialog-select>
             </template>
             <template v-else-if="row.controlType === 'MultiDialogSelect'">
@@ -79,6 +116,7 @@
                 :source-data-code="row.sourceDataCode"
                 :source-display-code="row.sourceDisplayCode"
                 :param="getParam(row)"
+                @on-change="(selected, displaySelected) => multiDialogSelectChange(selected, displaySelected, row)"
               ></dialog-select>
             </template>
             <template v-else-if="row.controlType === 'Check'">
@@ -299,6 +337,34 @@
           this.success('Front_Msg_Success');
           this.$refs.dataPermissionForm.close();
         });
+      },
+      selectChange(selected, row) {
+        console.log('selectChange', selected, row);
+
+        if (selected) {
+          row.propertyDisplayValue = row._dataSource.find(item => item.id == selected).name;
+        } else {
+          row.propertyDisplayValue = null;
+        }
+      },
+      multiSelectChange(selected, row) {
+        let displayValue = [];
+
+        selected.forEach(item => {
+          displayValue.push(row._dataSource.find(i => i.id == item).name);
+        });
+
+        row.propertyDisplayValue = displayValue.join(',');
+      },
+      dialogSelectChange(selected, row) {
+        if (selected) {
+          row.propertyDisplayValue = selected.name;
+        } else {
+          row.propertyDisplayValue = null;
+        }
+      },
+      multiDialogSelectChange(selected, displaySelected, row) {
+        row.propertyDisplayValue = displaySelected;
       }
     }
   };

package/token.txt

@@ -0,0 +1,2 @@
+echo "//registry.npmjs.org/:_authToken=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" >> .npmrc
+npm config set //registry.npmjs.org/:_authToken=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