@utogether/udp-core 1.0.1-beta.1 → 1.0.1-beta.11

package/src/views/system/role-assign/RolePanel.vue

@@ -1,136 +1,139 @@
-<template>
-  <div v-spinning="data.loading" class="page-content">
-    <ut-grid
-      ref="xgrid"
-      :items="formItems"
-      :columns="gridCol"
-      :default-params="data.fetchExtParam"
-      :buttons="buttons"
-      :auto-load="false"
-      :url="url"
-      mode="form"
-      @buttonClick="onButtonClick"
-    />
-    <ut-modal-grid
-      v-if="data.showModalView"
-      ref="xmodal"
-      :items="formItems"
-      :columns="columns"
-      :show-footer="true"
-      :editable="false"
-      url="/uums/role"
-      width="60%"
-      @close="data.showModalView = false"
-      @confirm="onConfirm"
-    />
-  </div>
-</template>
-
-<script setup lang="tsx">
-import { useI18n } from 'vue-i18n';
-import { ref, reactive, watch, inject, nextTick } from 'vue';
-import { clone } from 'xe-utils';
-import { VxeUI } from 'vxe-pc-ui';
-import to from 'await-to-js';
-import { successMessage } from '@utogether/utils';
-import { getServiceApi } from '../../../api';
-
-const data = reactive<IRecord>({
-  record: {},
-  loading: false,
-  showModalView: false
-});
-const { t } = useI18n();
-
-const xgrid = ref(null);
-const xmodal = ref(null);
-const active: IRecord = inject('active');
-
-const url = '/uums/orgRole';
-watch(
-  () => active.value,
-  () => {
-    if (!active?.value.id) return;
-    data.fetchExtParam = { orgId: active?.value.id };
-    nextTick(() => {
-      xgrid.value.refreshData();
-    });
-  }
-);
-
-const buttons = [{ code: 'del', auth: '/' }];
-
-const formItems = [
-  { field: 'roleName', title: 'message.udp.roleName' },
-  { field: 'roleCode', title: 'message.udp.roleCode' }
-];
-
-const columns = [
-  { type: 'checkbox', width: 40 },
-  { field: 'roleCode', title: 'message.udp.roleCode' },
-  { field: 'roleName', title: 'message.udp.roleName' },
-  { field: 'roleDesc', title: 'message.udp.roleDesc' },
-  { field: 'enabled', width: 100, formatter: ['formatDict', 'SU.ENABLE'] }
-];
-
-const gridCol: any[] = clone(columns, true);
-gridCol.push({
-  field: 'operate',
-  width: 80,
-  fixed: 'right',
-  slots: {
-    default: ({ row }) => {
-      return [
-        <ut-button
-          icon="ri-delete-bin-5-fill"
-          content="del"
-          status="danger"
-          auth="del"
-          onTap={() => handleDel(row)}
-        />
-      ];
-    }
-  }
-});
-
-// 新增
-const handleAdd = () => {
-  data.record = {};
-  data.record.orgId = active.value.id;
-  data.showModalView = true;
-};
-// 删除
-const handleDel = async row => {
-  const type = await VxeUI.modal.confirm(t('message.tip.del'));
-  if (type === 'confirm') {
-    const param = { orgId: active.value.id, roleId: row.id };
-    data.loading = true;
-    const [err] = await to(getServiceApi().delete(url, param));
-    if (!err) {
-      successMessage(t('message.operateSuccess'));
-    }
-    xgrid.value.refreshData();
-    data.loading = false;
-  }
-};
-const onConfirm = async records => {
-  const orgRoleList = [];
-  records.forEach(m => {
-    m.orgId = active.value.id;
-    m.roleId = m.id;
-    orgRoleList.push(m);
-  });
-  const param = { orgRoleList };
-  xmodal.value.showLoading();
-  const [err] = await to(getServiceApi().post(url, param));
-  if (!err) {
-    successMessage();
-    xgrid.value.refreshData();
-    data.showModalView = false;
-  }
-};
-
-const onButtonClick = code => {
-  code === 'add' && handleAdd();
-};
-</script>
+<template>
+  <div v-spinning="data.loading" class="page-content">
+    <ut-grid
+      ref="xgrid"
+      :items="formItems"
+      :columns="gridCol"
+      :default-params="data.fetchExtParam"
+      :default-value="data.fetchExtParam"
+      :buttons="buttons"
+      :auto-load="false"
+      :url="url"
+      :check-method="checkMethod"
+      mode="form"
+      @buttonClick="onButtonClick"
+    />
+    <ut-modal-grid
+      v-if="data.showModalView"
+      ref="xmodal"
+      :items="formItems"
+      :columns="columns"
+      :show-footer="true"
+      :editable="false"
+      :title="$t('message.udp.roleList')"
+      url="/uums/role"
+      width="60%"
+      height="75%"
+      @close="data.showModalView = false"
+      @confirm="onConfirm"
+    />
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { useI18n } from 'vue-i18n';
+import { ref, reactive, watch, inject, nextTick } from 'vue';
+import { clone } from 'xe-utils';
+import { VxeUI } from 'vxe-pc-ui';
+import to from 'await-to-js';
+import { successMessage } from '@utogether/utils';
+import { getServiceApi } from '../../../api';
+
+const data = reactive<IRecord>({
+  record: {},
+  loading: false,
+  showModalView: false
+});
+const { t } = useI18n();
+
+const xgrid = ref(null);
+const xmodal = ref(null);
+const active: IRecord = inject('active');
+
+const url = '/uums/orgRole';
+watch(
+  () => active.value,
+  () => {
+    if (!active?.value.id) return;
+    data.fetchExtParam = { orgId: active?.value.id };
+    nextTick(() => {
+      xgrid.value.refreshData();
+    });
+  }
+);
+
+const buttons = [{ code: 'del', auth: '/' }];
+
+const formItems = [
+  { field: 'roleName', title: 'message.udp.roleName', span: 9 },
+  { field: 'roleCode', title: 'message.udp.roleCode', span: 9 }
+];
+
+const columns = [
+  { type: 'checkbox', width: 40 },
+  { field: 'roleCode', title: 'message.udp.roleCode' },
+  { field: 'roleName', title: 'message.udp.roleName' },
+  { field: 'roleDesc', title: 'message.udp.roleDesc' },
+  { field: 'enabled', width: 100, formatter: ['formatDict', 'SU.ENABLE'] }
+];
+
+const gridCol: any[] = clone(columns, true);
+gridCol.push({
+  field: 'operate',
+  width: 80,
+  fixed: 'right',
+  slots: {
+    default: ({ row }) => {
+      if (row.roleCode === 'admin') return null;
+      return [
+        <ut-button icon="ri-delete-bin-5-fill" content="del" status="danger" auth="del" onTap={() => handleDel(row)} />
+      ];
+    }
+  }
+});
+
+// 新增
+const handleAdd = () => {
+  data.record = {};
+  data.record.orgId = active.value.id;
+  data.showModalView = true;
+};
+// 删除
+const handleDel = async row => {
+  const type = await VxeUI.modal.confirm(t('message.tip.del'));
+  if (type === 'confirm') {
+    const param = { orgId: active.value.id, roleId: row.id };
+    data.loading = true;
+    const [err] = await to(getServiceApi().delete(url, param));
+    if (!err) {
+      successMessage(t('message.operateSuccess'));
+    }
+    xgrid.value.refreshData();
+    data.loading = false;
+  }
+};
+const onConfirm = async records => {
+  const orgRoleList = [];
+  records.forEach(m => {
+    m.orgId = active.value.id;
+    m.roleId = m.id;
+    orgRoleList.push(m);
+  });
+  const param = { orgRoleList };
+  xmodal.value.showLoading();
+  const [err] = await to(getServiceApi().post(url, param));
+  if (!err) {
+    successMessage();
+    xgrid.value.refreshData();
+    data.showModalView = false;
+  }
+};
+
+const checkMethod = row => {
+  return row.roleCode !== 'admin';
+};
+
+const onButtonClick = code => {
+  code === 'add' && handleAdd();
+};
+</script>