@utogether/udp-core 1.0.1-beta.6 → 1.0.1-beta.8

package/src/style/vxetable.scss

@@ -1,287 +1,293 @@
-// 默认主题
-html[data-vxe-ui-theme='light'] {
-  // 字体颜色
-  --vxe-ui-font-color: #000;
-  --vxe-ui-table-font-color: #000;
-
-  // 禁用颜色
-  --vxe-ui-font-disabled-color: #040404;
-  --el-disabled-text-color: #040404;
-  --vxe-ui-input-disabled-background-color: #fafafa;
-  --el-disabled-bg-color: #fafafa;
-  --vxe-ui-button-height-mini: 24px;
-  --vxe-ui-table-row-current-background-color: #00b789;
-}
-
-/** 重写table的背景 */
-.vxe-table--header {
-  font-weight: 700;
-  color: #34538b;
-  background-color: #d8e5f7;
-  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
-}
-
-/** 日期选择器弹出面板 */
-.vxe-input--date-picker-body {
-  td.is--prev,
-  td.is--next {
-    .vxe-input--date-label {
-      color: #bfbfbf;
-    }
-  }
-}
-
-/** 必填录入框颜色 */
-.vxe-form--item.is--required {
-  .vxe-input > .vxe-input--wrapper > .vxe-input--inner:not(:disabled) {
-    background-color: #fffbdf;
-  }
-
-  .vxe-input--control-icon:not(:disabled) {
-    background-color: #fffbdf;
-  }
-
-  .el-select__wrapper:not(:disabled) {
-    background-color: #fffbdf;
-  }
-
-  .el-input:not(.is-disabled) > .el-input__wrapper {
-    background-color: #fffbdf;
-  }
-
-  .vxe-textarea:not(.is--disabled) > .vxe-textarea--inner {
-    background-color: #fffbdf;
-  }
-}
-
-/** 分页组件：当前页颜色 */
-.vxe-pager {
-  .vxe-pager--num-btn:not(.is--disabled).is--active {
-    color: #fff !important;
-  }
-}
-
-/***** switch ******/
-.vxe-switch {
-  padding-left: 0;
-
-  .vxe-switch--label {
-    width: 24px;
-  }
-}
-
-/**********  */
-
-/***** grid统计页脚 ******/
-
-.ut-grid-footer {
-  font-weight: 800;
-}
-
-/************  */
-
-.vxe-button--dropdown-wrapper {
-  padding: 0;
-
-  .vxe-button {
-    padding: 8px !important;
-    border-bottom: 1px solid #bfbfbf;
-
-    .vxe-button--icon {
-      font-size: 16px;
-    }
-  }
-}
-
-// mini-size
-.vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis),
-.vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
-.vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis) {
-  padding: 5px 0;
-}
-
-// small-size
-.vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis),
-.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),
-.vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis) {
-  padding: 5px 0;
-}
-
-.vxe-toolbar {
-  height: 36px !important;
-  padding: 0 10px;
-  color: white;
-
-  .vxe-custom--option-wrapper {
-    .vxe-custom--body {
-      li:not([class~='is--checked']) {
-        color: #000;
-      }
-    }
-  }
-}
-
-/********************* vxe-modal *****************/
-.vxe-modal {
-  .vxe-modal--wrapper .vxe-modal--content {
-    padding: 0.4em 0.8em !important;
-  }
-}
-
-/********************* vxe-modal *****************/
-
-/************* button *******************/
-
-.vxe-button + .vxe-button:not(.type--text) {
-  margin-left: 6px;
-}
-
-.vxe-button {
-  padding: 0 0.5em !important;
-}
-
-/************* button *******************/
-
-/************* pulldown *******************/
-.vxe-pulldown {
-  width: 100%;
-}
-
-/************* pulldown *******************/
-
-.vxe-form {
-  .vxe-input.size--mini {
-    height: 24px;
-  }
-
-  .vxe-form--item-trigger-node {
-    min-width: 60px;
-  }
-
-  // 表单label加粗
-  .vxe-form--item-title-content {
-    font-weight: 700;
-    color: #192847;
-  }
-
-  .vxe-form--group-title {
-    border-bottom: 1px solid #eee;
-
-    .vxe-form--item-title-content {
-      font-size: 15px;
-    }
-  }
-
-  .vxe-form--group-title::before {
-    position: relative;
-    top: 2px;
-    color: var(--udp-theme-project-text);
-    content: '▉';
-  }
-}
-
-.vxe-form.size--mini .vxe-form--item-inner {
-  min-height: 26px !important;
-}
-
-.ut-input-suffix.vxe-input {
-  width: 100%;
-  height: 34px;
-}
-
-.ut-input-suffix.vxe-input .vxe-input--suffix {
-  top: 1px;
-  width: 40px;
-  height: 32px;
-  text-align: center;
-  cursor: pointer;
-  background-color: #f5f7fa;
-  border-left: 1px solid #dcdfe6;
-}
-
-.ut-input-suffix.vxe-input .vxe-input--inner {
-  padding-right: 40px;
-  border: 1px solid #dcdfe6;
-}
-
-// 斑马线颜色
-.vxe-table--render-default .vxe-body--row.row--stripe {
-  background-color: #e6f7ff;
-}
-
-// 点击高亮
-.vxe-table--render-default {
-  .vxe-body--row.row--current {
-    .vxe-cell--label {
-      font-weight: bold;
-      color: #fff;
-    }
-
-    .vxe-cell > span:first-child:not(.vxe-cell--title, .el-tag) {
-      font-weight: bold;
-      color: #fff;
-    }
-
-    .col--checkbox {
-      background: #fff !important;
-    }
-
-    .vxe-body--column {
-      font-weight: bold;
-      color: #fff;
-    }
-  }
-}
-
-// .vxe-cell--label > span:first-child:not(.vxe-cell--title),
-// .vxe-cell > span:first-child:not(.vxe-cell--title) {
-//   color: #000;
-// }
-
-.vxe-cell {
-  .el-tag:first-child:not(.vxe-cell--title) {
-    .el-tag__content {
-      color: #fff !important;
-    }
-  }
-
-  .el-switch span:first-child:not(.vxe-cell--title) {
-    color: #fff !important;
-  }
-}
-
-.vxe-table--header-wrapper {
-  // .vxe-checkbox--icon {
-  //   // color: #fff !important;
-  // }
-
-  .vxe-icon-checkbox-checked,
-  .vxe-icon-checkbox-indeterminate {
-    color: #409eff !important;
-  }
-
-  // .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
-  //   color: #fff !important;
-  // }
-}
-
-.ut-grid-wrapper {
-  .vxe-form--item-content {
-    .vxe-switch {
-      height: 24px;
-    }
-  }
-}
-
-.vxe-table--body {
-  .vxe-body--row:hover {
-    font-weight: bold;
-  }
-}
-
-.el-table th.el-table__cell {
-  font-weight: 700;
-  color: #34538b;
-  background-color: #d8e5f7;
-  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
-}
+// 默认主题
+html[data-vxe-ui-theme='light'] {
+  // 字体颜色
+  --vxe-ui-font-color: #000;
+  --vxe-ui-table-font-color: #000;
+
+  // 禁用颜色
+  --vxe-ui-font-disabled-color: #040404;
+  --el-disabled-text-color: #040404;
+  --vxe-ui-input-disabled-background-color: #fafafa;
+  --el-disabled-bg-color: #fafafa;
+  --vxe-ui-button-height-mini: 24px;
+  --vxe-ui-table-row-current-background-color: #00b789;
+}
+
+/** 重写table的背景 */
+.vxe-table--header {
+  font-weight: 700;
+  color: #34538b;
+  background-color: #d8e5f7;
+  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
+}
+
+/** 日期选择器弹出面板 */
+.vxe-input--date-picker-body {
+  td.is--prev,
+  td.is--next {
+    .vxe-input--date-label {
+      color: #bfbfbf;
+    }
+  }
+}
+
+/** 必填录入框颜色 */
+.vxe-form--item.is--required {
+  .vxe-input > .vxe-input--wrapper > .vxe-input--inner:not(:disabled) {
+    background-color: #fffbdf;
+  }
+
+  .vxe-input:not(.is--disabled) > .vxe-input--wrapper {
+    .vxe-input--control-icon {
+      background-color: #fffbdf;
+    }
+  }
+
+  .vxe-input--suffix {
+    background-color: #fffbdf;
+  }
+
+  .el-select__wrapper:not(:disabled) {
+    background-color: #fffbdf;
+  }
+
+  .el-input:not(.is-disabled) > .el-input__wrapper {
+    background-color: #fffbdf;
+  }
+
+  .vxe-textarea:not(.is--disabled) > .vxe-textarea--inner {
+    background-color: #fffbdf;
+  }
+}
+
+/** 分页组件：当前页颜色 */
+.vxe-pager {
+  .vxe-pager--num-btn:not(.is--disabled).is--active {
+    color: #fff !important;
+  }
+}
+
+/***** switch ******/
+.vxe-switch {
+  padding-left: 0;
+
+  .vxe-switch--label {
+    width: 24px;
+  }
+}
+
+/**********  */
+
+/***** grid统计页脚 ******/
+
+.ut-grid-footer {
+  font-weight: 800;
+}
+
+/************  */
+
+.vxe-button--dropdown-wrapper {
+  padding: 0;
+
+  .vxe-button {
+    padding: 8px !important;
+    border-bottom: 1px solid #bfbfbf;
+
+    .vxe-button--icon {
+      font-size: 16px;
+    }
+  }
+}
+
+// mini-size
+.vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis),
+.vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
+.vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis) {
+  padding: 5px 0;
+}
+
+// small-size
+.vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis),
+.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),
+.vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis) {
+  padding: 5px 0;
+}
+
+.vxe-toolbar {
+  height: 36px !important;
+  padding: 0 10px;
+  color: white;
+
+  .vxe-custom--option-wrapper {
+    .vxe-custom--body {
+      li:not([class~='is--checked']) {
+        color: #000;
+      }
+    }
+  }
+}
+
+/********************* vxe-modal *****************/
+.vxe-modal {
+  .vxe-modal--wrapper .vxe-modal--content {
+    padding: 0.4em 0.8em !important;
+  }
+}
+
+/********************* vxe-modal *****************/
+
+/************* button *******************/
+
+.vxe-button + .vxe-button:not(.type--text) {
+  margin-left: 6px;
+}
+
+.vxe-button {
+  padding: 0 0.5em !important;
+}
+
+/************* button *******************/
+
+/************* pulldown *******************/
+.vxe-pulldown {
+  width: 100%;
+}
+
+/************* pulldown *******************/
+
+.vxe-form {
+  .vxe-input.size--mini {
+    height: 24px;
+  }
+
+  .vxe-form--item-trigger-node {
+    min-width: 60px;
+  }
+
+  // 表单label加粗
+  .vxe-form--item-title-content {
+    font-weight: 700;
+    color: #192847;
+  }
+
+  .vxe-form--group-title {
+    border-bottom: 1px solid #eee;
+
+    .vxe-form--item-title-content {
+      font-size: 15px;
+    }
+  }
+
+  .vxe-form--group-title::before {
+    position: relative;
+    top: 2px;
+    color: var(--udp-theme-project-text);
+    content: '▉';
+  }
+}
+
+.vxe-form.size--mini .vxe-form--item-inner {
+  min-height: 26px !important;
+}
+
+.ut-input-suffix.vxe-input {
+  width: 100%;
+  height: 34px;
+}
+
+.ut-input-suffix.vxe-input .vxe-input--suffix {
+  top: 1px;
+  width: 40px;
+  height: 32px;
+  text-align: center;
+  cursor: pointer;
+  background-color: #f5f7fa;
+  border-left: 1px solid #dcdfe6;
+}
+
+.ut-input-suffix.vxe-input .vxe-input--inner {
+  padding-right: 40px;
+  border: 1px solid #dcdfe6;
+}
+
+// 斑马线颜色
+.vxe-table--render-default .vxe-body--row.row--stripe {
+  background-color: #e6f7ff;
+}
+
+// 点击高亮
+.vxe-table--render-default {
+  .vxe-body--row.row--current {
+    .vxe-cell--label {
+      font-weight: bold;
+      color: #fff;
+    }
+
+    .vxe-cell > span:first-child:not(.vxe-cell--title, .el-tag) {
+      font-weight: bold;
+      color: #fff;
+    }
+
+    .col--checkbox {
+      background: #fff !important;
+    }
+
+    .vxe-body--column {
+      font-weight: bold;
+      color: #fff;
+    }
+  }
+}
+
+// .vxe-cell--label > span:first-child:not(.vxe-cell--title),
+// .vxe-cell > span:first-child:not(.vxe-cell--title) {
+//   color: #000;
+// }
+
+.vxe-cell {
+  .el-tag:first-child:not(.vxe-cell--title) {
+    .el-tag__content {
+      color: #fff !important;
+    }
+  }
+
+  .el-switch span:first-child:not(.vxe-cell--title) {
+    color: #fff !important;
+  }
+}
+
+.vxe-table--header-wrapper {
+  // .vxe-checkbox--icon {
+  //   // color: #fff !important;
+  // }
+
+  .vxe-icon-checkbox-checked,
+  .vxe-icon-checkbox-indeterminate {
+    color: #409eff !important;
+  }
+
+  // .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
+  //   color: #fff !important;
+  // }
+}
+
+.ut-grid-wrapper {
+  .vxe-form--item-content {
+    .vxe-switch {
+      height: 24px;
+    }
+  }
+}
+
+.vxe-table--body {
+  .vxe-body--row:hover {
+    font-weight: bold;
+  }
+}
+
+.el-table th.el-table__cell {
+  font-weight: 700;
+  color: #34538b;
+  background-color: #d8e5f7;
+  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
+}

package/src/views/organization/org/Org.vue

@@ -24,14 +24,18 @@ const url = '/uums/org';
 const xgrid = ref(null);
 const renderHook = useRender();
 
-const formItems = [{ field: 'orgCode' }, { field: 'orgName' }, { field: 'orgAlias' }];
+const formItems = [
+  { field: 'orgCode', title: 'message.udp.orgCode' },
+  { field: 'orgName', title: 'message.udp.orgName' },
+  { field: 'orgAlias', title: 'message.udp.orgAlias' }
+];
 // 列字段
 const columns = [
   { type: 'checkbox', width: 50, align: 'center' },
-  { field: 'orgCode', required: true, editRender: { name: '$input' } },
-  { field: 'orgName', required: true, minWidth: 200, editRender: { name: '$input' } },
-  { field: 'orgAlias', editRender: { name: '$input' } },
-  { field: 'orgDesc', editRender: { name: '$input' } },
+  { field: 'orgCode', title: 'message.udp.orgCode', required: true, editRender: { name: '$input' } },
+  { field: 'orgName', title: 'message.udp.orgName', required: true, minWidth: 200, editRender: { name: '$input' } },
+  { field: 'orgAlias', title: 'message.udp.orgAlias', editRender: { name: '$input' } },
+  { field: 'orgDesc', title: 'message.udp.orgDesc', editRender: { name: '$input' } },
   { field: 'enabled', width: 80, cellRender: renderHook.renderEnabled(handleClick) }
 ];
 

package/src/views/system/menu/SystemMenu.vue

@@ -16,12 +16,7 @@
       mode="form"
       @toolbarButtonClick="handleToolClick"
     />
-    <MenuInfo
-      :show="data.showDrawer"
-      :record="data.record"
-      :data-status="data.dataStatus"
-      @close="onClose"
-    />
+    <MenuInfo :show="data.showDrawer" :record="data.record" :data-status="data.dataStatus" @close="onClose" />
     <AuthorityPanel :show="data.showAuthority" :record="data.record" @close="onClose" />
   </div>
 </template>
@@ -88,22 +83,13 @@ const columns = [
     slots: {
       default: ({ row }) => {
         const type = row.menuType;
-        const addCmp = (
-          <ut-button status="u-cyan" icon="ri-add-fill" content="add" onTap={() => handleAdd(row)} />
-        );
-        const authCmp = (
-          <ut-button icon="ri-lock-fill" content="auth" onTap={() => handleAuthorityPanel(row)} />
-        );
+        const addCmp = <ut-button status="u-cyan" icon="ri-add-fill" content="add" onTap={() => handleAdd(row)} />;
+        const authCmp = <ut-button icon="ri-lock-fill" content="auth" onTap={() => handleAuthorityPanel(row)} />;
         return [
           <>
             {!type ? (
               <>
-                <ut-button
-                  status="success"
-                  icon="ri-edit-box-line"
-                  content="edit"
-                  onTap={() => handleEdit(row)}
-                />
+                <ut-button status="success" icon="ri-edit-box-line" content="edit" onTap={() => handleEdit(row)} />
                 {['0', '5'].includes(row.menuCategory) ? addCmp : authCmp}
               </>
             ) : null}