@qqt-product/system 0.0.1 → 0.0.16

package/src/lib/components/QSupplierAccountList/src/QSupplierAccountList.vue

@@ -1,302 +1,304 @@
-<template>
-  <div style="height: 100%">
-    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
-    <!--更改密码-->
-    <vxe-modal v-model="passwordModalShow" title="重新设定密码">
-      <template #default>
-        <vxe-form ref="passwordRef" title-colon title-align="right" title-width="160" :data="passwordModalForm" :rules="passwordModalFormRule">
-          <vxe-form-gather span="24">
-            <vxe-form-item title="ELS账号" field="elsAccount" span="24">
-              <template #default="{ data }">
-                <vxe-input :disabled="true" v-model="data.elsAccount" type="text" placeholder="请输入ELS账号" clearable></vxe-input>
-              </template>
-            </vxe-form-item>
-            <vxe-form-item title="子账号" field="subAccount" span="24">
-              <template #default="{ data }">
-                <vxe-input :disabled="true" v-model="data.subAccount" type="text" placeholder="请输入子账号" clearable></vxe-input>
-              </template>
-            </vxe-form-item>
-            <vxe-form-item title="登录密码" field="password" span="24">
-              <template #default="{ data }">
-                <vxe-input v-model="data.password" type="text" placeholder="请输入登录密码" clearable></vxe-input>
-              </template>
-            </vxe-form-item>
-            <vxe-form-item title="确认密码" field="confirmpassword" span="24">
-              <template #default="{ data }">
-                <vxe-input v-model="data.confirmpassword" type="text" placeholder="请输入确认密码" clearable></vxe-input>
-              </template>
-            </vxe-form-item>
-            <vxe-form-item align="center" span="24">
-              <template #default>
-                <vxe-button content="取消" @click="passwordModalShow = false"></vxe-button>
-                <vxe-button @click="passwordModalHandle('confirm')" content="保存"></vxe-button>
-              </template>
-            </vxe-form-item>
-          </vxe-form-gather>
-        </vxe-form>
-      </template>
-    </vxe-modal>
-    <!--新增-->
-
-    <QSupplierAccountForm
-      v-if="showEditPage"
-      title="新增"
-      :currentRow="itemInfoRow"
-      @hide="showEditPage = false"
-      @afterHandleSaveSuccess="afterHandleSaveItemInfoSuccess"
-      :selectedrolesList="selectedrolesList"
-    ></QSupplierAccountForm>
-  </div>
-</template>
-
-<script lang="ts">
-//JS
-import { defineComponent, reactive, inject, nextTick, toRefs } from 'vue'
-import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
-//hook
-import { useConfigData } from './useConfigData'
-//组件
-import { message, Modal } from '@qqt-product/ui'
-import QSupplierAccountForm from './QSupplierAccountForm.vue'
-export default defineComponent({
-  name: 'QSupplierAccountList',
-  components: {
-    QSupplierAccountForm,
-  },
-  props: {
-    userInfo: {
-      type: Object,
-      defalut: () => {
-        return {}
-      },
-    },
-  },
-  setup(props) {
-    const { userInfo } = toRefs(props)
-    //data-hook
-    const { selectedrolesList, itemInfoRow, passwordRef, showEditPage, apiUrls, listLayoutRef, passwordModalShow, passwordModalForm, passwordModalFormRule } = useConfigData()
-
-    //data
-    const qHttp = inject(INJECT_HTTP) as HttpClient
-
-    const pageData = reactive({
-      statusConfig: {
-        show: false,
-      },
-      optColumn: {
-        attrs: {},
-        extend: {},
-        optColumnList: [
-          { authorityCode: 'supplierAccount#ElsSubAccount:changPassword', type: 'change', title: '更改密码', click: handleChangePassword },
-          { authorityCode: 'supplierAccount#ElsSubAccount:frozenBatch', type: 'frozen', title: '冻结/解冻', click: handleFrozen },
-        ],
-      },
-      buttonConfig: {
-        attrs: {},
-        extend: {},
-        buttons: [
-          {
-            label: '新增',
-            icon: {
-              type: 'icon-Q-add',
-            },
-            attrs: {
-              type: 'primary',
-            },
-            authorityCode: 'supplierAccount#ElsSubAccount:add',
-            click: addAccount,
-          },
-          {
-            authorityCode: 'elsSubAccount#ElsSubAccount:exportOtherList',
-            label: '导出',
-            icon: {
-              type: 'icon-Q-export',
-            },
-            type: 'export',
-          },
-          {
-            label: '列自定义',
-            icon: {
-              type: 'icon-Q-setting',
-            },
-            type: 'setting',
-          },
-          {
-            label: '帮助说明',
-            icon: {
-              type: 'icon-Q-help-text',
-            },
-            type: 'help-text',
-          },
-          {
-            label: '附件说明',
-            icon: {
-              type: 'icon-Q-attachment-text',
-            },
-            type: 'attachment-text',
-          },
-        ],
-      },
-      queryConfig: {
-        attrs: {},
-        extend: {},
-        form: [
-          {
-            type: 'input',
-            label: '关键字',
-            fieldName: 'keyWord',
-            placeholder: '供应商名称/els账号/姓名/子账号',
-          },
-        ],
-        formState: {},
-      },
-      pagerConfig: {},
-    })
-
-    //methods
-
-    function handleFrozen({ row = {} as MapObjectNoneType }) {
-      let id = row.id
-      let status = row.status
-      let subAccount = row.subAccount
-
-      let messages = '冻结'
-      if ('admin' == subAccount) {
-        message.warning('管理员账号不允许此操作！')
-        return
-      }
-      if ('1' == status) {
-        status = '2'
-      } else {
-        status = '1'
-        messages = '解冻'
-      }
-      Modal.confirm({
-        title: '确认' + messages,
-        content: '是否' + messages + '选中数据?',
-        onOk: function () {
-          qHttp
-            .put({
-              url: '/account/elsSubAccount/frozenBatch',
-              data: { ids: id, status: status },
-            })
-            .then((res) => {
-              if (res.success) {
-                listLayoutRef.value.fetchListData()
-                message.success(res.message)
-              } else {
-                message.warning(res.message)
-              }
-            })
-        },
-      })
-    }
-
-    function handleChangePassword({ row = {} as MapObjectNoneType }) {
-      passwordModalForm.value = row
-      nextTick(() => {
-        passwordModalShow.value = true
-      })
-    }
-
-    function passwordModalHandle(handleType: string) {
-      if (handleType == 'confirm') {
-        nextTick(() => {
-          passwordRef.value.validate((res: MapObjectNoneType) => {
-            if (!res) {
-              if (passwordModalForm.value.confirmpassword != passwordModalForm.value.password) {
-                message.warning('两次输入的密码不一致')
-                return
-              }
-              qHttp
-                .put({
-                  url: '/account/elsSubAccount/changPassword',
-                  data: {
-                    ...passwordModalForm.value,
-                  },
-                })
-                .then((res) => {
-                  if (res.success) {
-                    // this.$message.success(res.message)
-                    listLayoutRef.value.fetchListData()
-                    message.success('操作成功')
-                  } else {
-                    // this.$message.warning(res.message)
-                    message.warning('操作失败')
-                  }
-                })
-                .finally(() => {
-                  passwordModalShow.value = false
-                })
-            }
-          })
-        })
-      }
-    }
-
-    // 获取配置项分类
-    const getConfigurationItemClassificationList = (row: MapObjectNoneType) => {
-      // qHttp.get(
-      //   { url: `account/role/queryAllByAccount/${userInfo}` }
-      //   ).then((res) => {
-      //   if (res && res.success) {
-      //     selectedrolesList.value = res.result
-      //   }
-      // })
-
-      return new Promise((resolve) => {
-        qHttp
-          .get({
-            // url: `account/role/queryAllByAccount/${userInfo?.value?.userInfo?.elsAccount}`,
-            url: `account/role/queryAllByAccount/${userInfo?.value?.userInfo?.elsAccount}`,
-          })
-          .then((res) => {
-            selectedrolesList.value = res.result.map((item: MapObjectNoneType) => ({
-              ...item,
-              title: item.roleName,
-              value: item.id,
-            }))
-            resolve(res)
-          })
-      })
-    }
-
-    async function addAccount() {
-      let listArry = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
-
-      if (listArry.length > 1 || listArry.length == 0) {
-        message.warning('请选中一条数据')
-        return
-      }
-      itemInfoRow.value.elsAccount = listArry[0]?.elsAccount
-
-      // itemInfoRow.value.selectedroles = itemInfoRow.value.selectedroles ? itemInfoRow.value.selectedroles : undefined
-
-      getConfigurationItemClassificationList(listArry[0]).then(() => {
-        nextTick(() => {
-          showEditPage.value = true
-        })
-      })
-    }
-    function afterHandleSaveItemInfoSuccess() {
-      console.log(111)
-    }
-
-    return {
-      itemInfoRow,
-      afterHandleSaveItemInfoSuccess,
-      passwordRef,
-      passwordModalFormRule,
-      passwordModalForm,
-      passwordModalHandle,
-      listLayoutRef,
-      showEditPage,
-      apiUrls,
-      pageData,
-      passwordModalShow,
-      selectedrolesList,
-    }
-  },
-})
-</script>
-<style scoped></style>
+<template>
+  <div style="height: 100%">
+    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
+    <!--更改密码-->
+    <vxe-modal v-model="passwordModalShow" title="重新设定密码">
+      <template #default>
+        <vxe-form ref="passwordRef" title-colon title-align="right" title-width="160" :data="passwordModalForm" :rules="passwordModalFormRule">
+          <vxe-form-gather span="24">
+            <vxe-form-item title="ELS账号" field="elsAccount" span="24">
+              <template #default="{ data }">
+                <vxe-input :disabled="true" v-model="data.elsAccount" type="text" placeholder="请输入ELS账号" clearable></vxe-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item title="子账号" field="subAccount" span="24">
+              <template #default="{ data }">
+                <vxe-input :disabled="true" v-model="data.subAccount" type="text" placeholder="请输入子账号" clearable></vxe-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item title="登录密码" field="password" span="24">
+              <template #default="{ data }">
+                <vxe-input v-model="data.password" type="text" placeholder="请输入登录密码" clearable></vxe-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item title="确认密码" field="confirmpassword" span="24">
+              <template #default="{ data }">
+                <vxe-input v-model="data.confirmpassword" type="text" placeholder="请输入确认密码" clearable></vxe-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item align="center" span="24">
+              <template #default>
+                <vxe-button content="取消" @click="passwordModalShow = false"></vxe-button>
+                <vxe-button @click="passwordModalHandle('confirm')" content="保存"></vxe-button>
+              </template>
+            </vxe-form-item>
+          </vxe-form-gather>
+        </vxe-form>
+      </template>
+    </vxe-modal>
+    <!--新增-->
+
+    <QSupplierAccountForm
+      v-if="showEditPage"
+      title="新增"
+      :currentRow="itemInfoRow"
+      @hide="showEditPage = false"
+      @afterHandleSaveSuccess="afterHandleSaveItemInfoSuccess"
+      :selectedrolesList="selectedrolesList"
+    ></QSupplierAccountForm>
+  </div>
+</template>
+
+<script lang="ts">
+//JS
+import { defineComponent, reactive, inject, nextTick, toRefs } from 'vue'
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+//hook
+import { useConfigData } from './useConfigData'
+//组件
+import { message, Modal } from '@qqt-product/ui'
+import QSupplierAccountForm from './QSupplierAccountForm.vue'
+export default defineComponent({
+  name: 'QSupplierAccountList',
+  components: {
+    QSupplierAccountForm,
+  },
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  setup(props) {
+    const { userInfo } = toRefs(props)
+    //data-hook
+    const { selectedrolesList, itemInfoRow, passwordRef, showEditPage, apiUrls, listLayoutRef, passwordModalShow, passwordModalForm, passwordModalFormRule } = useConfigData()
+
+    //data
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optionConfig: {
+        attrs: {},
+        extend: {},
+        options: [
+          { authorityCode: 'supplierAccount#ElsSubAccount:changPassword', type: 'change', title: '更改密码', click: handleChangePassword },
+          { authorityCode: 'supplierAccount#ElsSubAccount:frozenBatch', type: 'frozen', title: '冻结/解冻', click: handleFrozen },
+        ],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          {
+            label: '新增',
+            icon: {
+              type: 'icon-Q-add',
+            },
+            attrs: {
+              type: 'primary',
+            },
+            authorityCode: 'supplierAccount#ElsSubAccount:add',
+            click: addAccount,
+          },
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:exportOtherList',
+            label: '导出',
+            args: {
+              url: '/account/elsSubAccount/exportXlsOtherList', // 原来的 exportXlsUrl
+            },
+            icon: {
+              type: 'icon-Q-export',
+            },
+            type: 'export',
+          },
+          {
+            label: '列自定义',
+            icon: {
+              type: 'icon-Q-setting',
+            },
+            type: 'setting',
+          },
+          {
+            label: '帮助说明',
+            icon: {
+              type: 'icon-Q-help-text',
+            },
+            type: 'help-text',
+          },
+          {
+            label: '附件说明',
+            icon: {
+              type: 'icon-Q-attachment-text',
+            },
+            type: 'attachment-text',
+          },
+        ],
+      },
+      queryConfig: {
+        attrs: {},
+        extend: {},
+        form: [
+          {
+            type: 'input',
+            label: '关键字',
+            fieldName: 'keyWord',
+            placeholder: '供应商名称/els账号/姓名/子账号',
+          },
+        ],
+      },
+      pagerConfig: {},
+    })
+
+    //methods
+
+    function handleFrozen({ row = {} as MapObjectNoneType }) {
+      let id = row.id
+      let status = row.status
+      let subAccount = row.subAccount
+
+      let messages = '冻结'
+      if ('admin' == subAccount) {
+        message.warning('管理员账号不允许此操作！')
+        return
+      }
+      if ('1' == status) {
+        status = '2'
+      } else {
+        status = '1'
+        messages = '解冻'
+      }
+      Modal.confirm({
+        title: '确认' + messages,
+        content: '是否' + messages + '选中数据?',
+        onOk: function () {
+          qHttp
+            .put({
+              url: '/account/elsSubAccount/frozenBatch',
+              data: { ids: id, status: status },
+            })
+            .then((res) => {
+              if (res.success) {
+                listLayoutRef.value.fetchListData()
+                message.success(res.message)
+              } else {
+                message.warning(res.message)
+              }
+            })
+        },
+      })
+    }
+
+    function handleChangePassword({ row = {} as MapObjectNoneType }) {
+      passwordModalForm.value = row
+      nextTick(() => {
+        passwordModalShow.value = true
+      })
+    }
+
+    function passwordModalHandle(handleType: string) {
+      if (handleType == 'confirm') {
+        nextTick(() => {
+          passwordRef.value.validate((res: MapObjectNoneType) => {
+            if (!res) {
+              if (passwordModalForm.value.confirmpassword != passwordModalForm.value.password) {
+                message.warning('两次输入的密码不一致')
+                return
+              }
+              qHttp
+                .put({
+                  url: '/account/elsSubAccount/changPassword',
+                  data: {
+                    ...passwordModalForm.value,
+                  },
+                })
+                .then((res) => {
+                  if (res.success) {
+                    // this.$message.success(res.message)
+                    listLayoutRef.value.fetchListData()
+                    message.success('操作成功')
+                  } else {
+                    // this.$message.warning(res.message)
+                    message.warning('操作失败')
+                  }
+                })
+                .finally(() => {
+                  passwordModalShow.value = false
+                })
+            }
+          })
+        })
+      }
+    }
+
+    // 获取配置项分类
+    const getConfigurationItemClassificationList = (row: MapObjectNoneType) => {
+      // qHttp.get(
+      //   { url: `account/role/queryAllByAccount/${userInfo}` }
+      //   ).then((res) => {
+      //   if (res && res.success) {
+      //     selectedrolesList.value = res.result
+      //   }
+      // })
+
+      return new Promise((resolve) => {
+        qHttp
+          .get({
+            // url: `account/role/queryAllByAccount/${userInfo?.value?.userInfo?.elsAccount}`,
+            url: `account/role/queryAllByAccount/${userInfo?.value?.userInfo?.elsAccount}`,
+          })
+          .then((res) => {
+            selectedrolesList.value = res.result.map((item: MapObjectNoneType) => ({
+              ...item,
+              title: item.roleName,
+              value: item.id,
+            }))
+            resolve(res)
+          })
+      })
+    }
+
+    async function addAccount() {
+      let listArry = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+
+      if (listArry.length > 1 || listArry.length == 0) {
+        message.warning('请选中一条数据')
+        return
+      }
+      itemInfoRow.value.elsAccount = listArry[0]?.elsAccount
+
+      // itemInfoRow.value.selectedroles = itemInfoRow.value.selectedroles ? itemInfoRow.value.selectedroles : undefined
+
+      getConfigurationItemClassificationList(listArry[0]).then(() => {
+        nextTick(() => {
+          showEditPage.value = true
+        })
+      })
+    }
+    function afterHandleSaveItemInfoSuccess() {
+      console.log(111)
+    }
+
+    return {
+      itemInfoRow,
+      afterHandleSaveItemInfoSuccess,
+      passwordRef,
+      passwordModalFormRule,
+      passwordModalForm,
+      passwordModalHandle,
+      listLayoutRef,
+      showEditPage,
+      apiUrls,
+      pageData,
+      passwordModalShow,
+      selectedrolesList,
+    }
+  },
+})
+</script>
+<style scoped></style>