@lambo-design/variant-form 2.2.9-beta.0 → 2.2.9-beta.1

package/src/components/form-designer/setting-panel/property-editor/rootOrgan-editor.vue

@@ -0,0 +1,248 @@
+<template>
+  <el-form-item prop="name" :rules="rootOrganRequiredRule">
+    <span slot="label">{{ i18nt('designer.setting.rootOrgan') }}</span>
+    <el-input
+        placeholder="请选择根组织"
+        style="width: 100%"
+        v-model="optionModel.rootOrgan"
+        @click="handleClickCustomEvent"
+        @focus="handleClickCustomEvent">
+      <i slot="suffix" class="el-input__icon el-icon-s-grid" @click="handleClickCustomEvent"></i>
+    </el-input>
+    <el-dialog title="组织" :visible.sync="dialogVisible" class="organ-dialog">
+      <el-form label-width="120px">
+        <el-row>
+          <el-col :span="12" v-if="userCenterType === 'sc'">
+            <el-form-item label="管理单元:">
+              <el-select size="default" v-model="optionModel.manageUnitId" @change="manageUnitIdChange">
+                <el-option
+                    v-for="item in manageUnitIdOptions"
+                    :key="item.manageUnitId"
+                    :label="item.manageUnitName"
+                    :value="item.manageUnitId">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="组织树类型:">
+              <el-select size="default" v-model="optionModel.organTreeType" @change="organTreeTypeChange">
+                <el-option
+                    v-for="item in organTreeTypeOptions"
+                    :key="item.typeId"
+                    :label="item.typeName"
+                    :value="item.typeId">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-tree
+          v-loading="loading"
+          lazy
+          :load="loadNode"
+          :data="treeDataList"
+          :props="defaultProps"
+          :highlight-current="true"
+          @node-click="handleNodeClick"
+          style="margin-top: 10px; height: 90%; overflow: auto">
+      </el-tree>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="closeDialog">取 消</el-button>
+        <el-button type="primary" @click="onOk">确 定</el-button>
+      </div>
+    </el-dialog>
+  </el-form-item>
+</template>
+
+<script>
+import i18n from "@/utils/i18n";
+import ajax from "@lambo-design/shared/utils/ajax";
+
+export default {
+  name: "rootOrgan-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  inject: ['serverFieldList', 'getDesignerConfig'],
+  data() {
+    return {
+      serverContext: '/dida-manage-server',
+      organTreeTypeOptions: [],
+      manageUnitIdOptions: [],
+      treeDataList: [],
+      loading: false,
+      userCenterType: 'x1',
+      dialogVisible: false,
+      selectedRootOrgan: '',
+      defaultProps: {
+        children: 'children',
+        label: 'bizOrganName',
+        isLeaf: (data) => {
+          return data.isLeaf === 'true';
+        }
+      },
+      rootOrganRequiredRule: [{ required: true, message: 'root organ required' }],
+    };
+  },
+  computed: {
+    noFieldList() {
+      return !this.serverFieldList || this.serverFieldList.length <= 0;
+    },
+    widgetNameReadonly() {
+      return !!this.getDesignerConfig().widgetNameReadonly;
+    },
+  },
+  mounted() {
+    // 初始化用户中心类型
+    this.initData();
+  },
+  methods: {
+    initData() {
+      ajax.get(this.serverContext + '/uc/adaptor/getUserCenterType').then((resp) => {
+        if (resp.data && (resp.data.code == 1 || resp.data.code == 200)) {
+          if (resp.data.data === 'sc') {
+            this.userCenterType = 'sc';
+            this.getManageUnit()
+          }
+          // 根据用户中心放置组织树类型默认值
+          this.optionModel.organTreeType = this.userCenterType === 'sc' ? 'default' : '00'
+          this.getOrganTreeType()
+          this.getOrgRootTree(this.optionModel.organTreeType);
+        }
+      }).catch((err) => {
+        console.error(err);
+        this.$Message.error('获取用户中心类型失败')
+      });
+    },
+
+    getOrganTreeType() {
+      return ajax.get(this.serverContext + '/manage/organ/getOrganTypes').then((resp) => {
+        if (resp.data && (resp.data.code == 1 || resp.data.code == 200)) {
+          this.organTreeTypeOptions = resp.data.data || [];
+          const defaultOrganTreeType = {
+            typeCode: this.userCenterType === 'sc' ? 'default' : '00',
+            typeId: this.userCenterType === 'sc' ? 'default' : '00',
+            typeName: '默认组织树'
+          };
+          this.organTreeTypeOptions.unshift(defaultOrganTreeType);
+        }
+      }).catch((err) => {
+        console.error('获取组织树类型失败:', err);
+        throw err;
+      });
+    },
+
+    getManageUnit() {
+      return ajax.get(this.serverContext + '/manage/organ/getManageUnitId').then((resp) => {
+        if (resp.data && (resp.data.code == 1 || resp.data.code == 200)) {
+          this.manageUnitIdOptions = resp.data.data || [];
+        }
+      }).catch((err) => {
+        console.error('获取管理单元失败:', err);
+      });
+    },
+
+    getOrgRootTree(treeTypeId) {
+      this.treeDataList = [];
+      this.loading = true;
+      const params = {
+        treeTypeId: treeTypeId || (this.userCenterType === 'sc' ? 'default' : '00'),
+        manageUnitId: this.userCenterType === 'sc' ? this.optionModel.manageUnitId : ''
+      };
+      ajax.get(this.serverContext + '/manage/organ/getOrganRootTree', { params }).then((resp) => {
+        this.loading = false;
+        if (resp.data && (resp.data.code == 1 || resp.data.code == 200)) {
+          this.treeDataList = resp.data.data || [];
+        }
+      }).catch((err) => {
+        this.loading = false;
+        console.error('获取根组织树失败:', err);
+      });
+    },
+
+    organTreeTypeChange(treeTypeId) {
+      this.getOrgRootTree(treeTypeId);
+    },
+
+    manageUnitIdChange() {
+      this.getOrgRootTree(this.optionModel.organTreeType);
+    },
+
+    async loadNode(node, resolve) {
+      if (node){
+        // if (node.level === 0 && this.treeDataList.length > 0) {
+        //   return resolve(this.treeDataList);
+        // }
+        const params = {
+          parentId: node.data.bizOrganId,
+          organTreeType: this.optionModel.organTreeType || (this.userCenterType === 'sc' ? 'default' : '00'),
+          manageUnitId: this.optionModel.manageUnitId
+        };
+        try {
+          const resp = await ajax.get(this.serverContext + '/manage/organ/getOrgChildren', { params });
+          if (resp.data && (resp.data.code == 1 || resp.data.code == 200)) {
+            resolve(resp.data.data || []);
+          } else {
+            resolve([]);
+          }
+        } catch (err) {
+          console.error(err);
+          resolve([]);
+        }
+      }
+    },
+
+    handleNodeClick(data) {
+      this.selectedRootOrgan = data.bizOrganId;
+    },
+
+    handleClickCustomEvent(event) {
+      this.$nextTick(() => {
+        this.getOrgRootTree(this.optionModel.organTreeType);
+        this.dialogVisible = true;
+      });
+    },
+
+    onOk() {
+      if (!this.optionModel.rootOrgan && !this.selectedRootOrgan){
+        this.$Message.error('请选择根组织');
+        return;
+      }
+      this.dialogVisible = false;
+      this.optionModel.rootOrgan = this.selectedRootOrgan || this.optionModel.rootOrgan;
+    },
+    closeDialog() {
+      this.dialogVisible = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.organ-dialog {
+  display: flex;
+  flex-direction: column;
+  ::v-deep .el-dialog {
+    max-height: 80vh;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    .el-dialog__body {
+      flex: 1;
+      overflow: hidden;
+    }
+  }
+
+  .dialog-footer {
+    padding: 10px 20px;
+    text-align: right;
+    border-top: 1px solid #eee;
+  }
+}
+</style>

package/src/components/form-designer/setting-panel/property-editor/size-editor.vue

@@ -22,11 +22,11 @@
     data() {
       return {
         widgetSizes: [
-          {label: 'default', value: ''},
-          {label: 'large', value: 'large'},
-          {label: 'medium', value: 'medium'},
-          {label: 'small', value: 'small'},
-          {label: 'mini', value: 'mini'},
+          {value: '', label: this.i18nt('designer.setting.sizeDefault')},
+          {value: 'large', label: this.i18nt('designer.setting.sizeLarge')},
+          // {value: 'medium', label: this.i18nt('designer.setting.sizeMedium')},
+          {value: 'small', label: this.i18nt('designer.setting.sizeSmall')},
+          // {value: 'mini', label: this.i18nt('designer.setting.sizeMini')},
         ],
       }
     }

package/src/components/form-designer/setting-panel/property-editor/subFormId-editor.vue

@@ -0,0 +1,74 @@
+<template>
+  <el-form-item :label="i18nt('designer.setting.subFormId')">
+    <el-select v-model="optionModel.subFormId">
+      <el-option v-for="item in relationForms" :key="item.formId" :label="item.formName" :value="item.formId">
+      </el-option>
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+  import i18n from "@/utils/i18n"
+  // import axios from "axios"
+  import ajax from "@lambo-design/shared/utils/ajax";
+
+  export default {
+    name: "subFormId-editor",
+    mixins: [i18n],
+    props: {
+      designer: Object,
+      selectedWidget: Object,
+      optionModel: Object,
+    },
+    inject: ['getDesignerConfig'],
+    data() {
+      return {
+        relationForms: [],
+      }
+    },
+
+    created() {
+      this.initRelationForms();
+    },
+    mounted() {
+    },
+    methods: {
+      initRelationForms() {
+        let projectId = this.getDesignerConfig().projectId;
+        let formId = this.getDesignerConfig().formId;
+        if(!projectId || !formId) {
+          console.log("get designer config projectId & formId is null", projectId, formId);
+          projectId = 'ZhaoyxTP';
+          formId = 'ZhaoyxTF';
+        }
+        if(projectId && formId) {
+          let url = "/dida-manage-server/manage/form-materialization-table-relation/listOthers?projectId="+projectId+"&formId="+formId;
+          ajax.get(url)
+                  .then(resp => {
+                    if (resp.data && (resp.data.code == 1 || resp.data.code == 200)) {
+                      this.relationForms = resp.data.data;
+                    } else {
+                      this.relationForms = [];
+                      // this.$Message.error('查询表单列表失败');
+                      console.error(resp.data.message);
+                    }
+                  })
+                  .catch(err => {
+                    this.relationForms = [];
+                    // this.$Message.error('获取表单列表失败');
+                    console.error(err);
+                  });
+        } else {
+          this.relationForms = [];
+        }
+      }
+    },
+    watch:{
+      // deep:true
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>