@qqt-product/system 0.0.2 → 0.0.16

package/src/lib/components/QAccountList/src/QAccountList.vue

@@ -1,530 +1,532 @@
-<template>
-  <div style="height: 100%">
-    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
-
-    <!--工作交接-->
-    <vxe-modal v-model="deliverToShow" title="工作转交" type="confirm" :showFooter="false">
-      <vxe-form title-colon title-align="right" title-width="160" :data="deliverToFrom" :rules="deliverToFromRule" @submit="deliverTosubmitEvent">
-        <vxe-form-gather span="24">
-          <vxe-form-item title="转交人" field="realname" span="24">
-            <template #default="{ data }">
-              <vxe-input :disabled="true" v-model="data.realname" type="text" placeholder="请输入转交人"></vxe-input>
-            </template>
-          </vxe-form-item>
-
-          <vxe-form-item title="接收人" field="receiveId" span="24">
-            <template #default="{ data }">
-              <a-select :filter-option="filterOption" placeholder="请选择接收人" v-model:value="data.receiveId" :options="subAccountList"></a-select>
-            </template>
-          </vxe-form-item>
-          <vxe-form-item title="转交内容" field="businessDeliverToType" span="24">
-            <template #default="{ data }">
-              <q-select mode="multiple" style="width: 200px" v-model:value="data.businessDeliverToType" dict-code="businessDeliverToType" placeholder="请输入转交内容"></q-select>
-            </template>
-          </vxe-form-item>
-
-          <vxe-form-item align="center" span="24">
-            <template #default>
-              <vxe-button content="取消" @click="deliverToShow = false"></vxe-button>
-              <vxe-button type="submit" status="primary" content="保存"></vxe-button>
-            </template>
-          </vxe-form-item>
-        </vxe-form-gather>
-      </vxe-form>
-    </vxe-modal>
-    <!--更改密码-->
-    <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>
-  </div>
-</template>
-
-<script lang="ts">
-//JS
-import { defineComponent, reactive, toRefs, inject, ref, nextTick } from 'vue'
-//hook
-import { useConfigData } from './useConfigData'
-
-//ts
-import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
-import { Modal, message } from '@qqt-product/ui'
-import { GlobalListPageLayoutTypes } from '@qqt-product/ui'
-
-export default defineComponent({
-  name: 'QAccountList',
-  props: {
-    userInfo: {
-      type: Object,
-      defalut: () => {
-        return {}
-      },
-    },
-  },
-  emits: ['create', 'edit', 'detail'],
-  setup(props, { emit }) {
-    //data
-    const qHttp = inject(INJECT_HTTP) as HttpClient
-    const listLayoutRef = ref()
-    const pageData = reactive({
-      statusConfig: {
-        show: false,
-      },
-      optColumn: {
-        attrs: {},
-        extend: {},
-        optColumnList: [
-          {
-            type: 'edit',
-            title: '编辑',
-            authorityCode: 'elsSubAccount#ElsSubAccount:edit',
-            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
-              const payload = {
-                row,
-                $rowIndex,
-                column,
-                $columnIndex,
-              }
-              emit('edit', payload)
-            },
-          },
-          {
-            authorityCode: 'elsSubAccount#ElsSubAccount:view',
-            type: 'view',
-            title: '查看',
-            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
-              const payload = {
-                row,
-                $rowIndex,
-                column,
-                $columnIndex,
-              }
-              emit('detail', payload)
-            },
-          },
-          { authorityCode: 'elsSubAccount#ElsSubAccount:deliverTo', type: 'stop', title: '工作转交', click: deliverTo },
-          { authorityCode: 'elsSubAccount#ElsSubAccount:changPassword', type: 'change', title: '更改密码', click: handleChangePassword },
-          { authorityCode: 'elsSubAccount#ElsSubAccount:frozenBatch', type: 'frozen', title: '冻结/解冻', click: handleFrozen },
-        ],
-      },
-      buttonConfig: {
-        attrs: {},
-        extend: {},
-        buttons: [
-          {
-            authorityCode: 'elsSubAccount#ElsSubAccount:add',
-            label: '新增',
-            icon: {
-              type: 'icon-Q-add',
-            },
-            attrs: {
-              type: 'primary',
-            },
-            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
-              const payload = {
-                row,
-                $rowIndex,
-                column,
-                $columnIndex,
-              }
-              emit('create', payload)
-            },
-          },
-          { authorityCode: 'elsSubAccount#ElsSubAccount:getDataByErp', label: '获取ERP数据', click: getDataByErp },
-          { authorityCode: 'elsSubAccount#ElsSubAccount:pushDataToErp', label: '推送到ERP', click: pushDataToERP },
-          { authorityCode: 'elsSubAccount#ElsSubAccount:pushDataToMall', label: '推送到商城', click: pushDataToMall },
-          {
-            label: '列自定义',
-            icon: {
-              type: 'icon-Q-setting',
-            },
-            type: 'setting',
-          },
-          {
-            authorityCode: 'elsSubAccount#ElsSubAccount:import',
-            label: '导入',
-            icon: {
-              type: 'icon-Q-import',
-            },
-            type: 'import',
-          },
-          {
-            authorityCode: 'elsSubAccount#ElsSubAccount:export',
-            label: '导出',
-            icon: {
-              type: 'icon-Q-export',
-            },
-            type: 'export',
-          },
-          {
-            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: 'i18nKey',
-            placeholder: '请输入姓名',
-          },
-          {
-            type: 'input',
-            label: '子账号',
-            fieldName: 'chinese',
-            placeholder: '请输入子账号',
-          },
-        ],
-        formState: {},
-      },
-      pagerConfig: {},
-    })
-    const passwordModalFormRule = ref({
-      password: [
-        { required: true, message: '请输入登录密码' },
-        {
-          validator: validateToNextPassword,
-        },
-      ],
-      confirmpassword: [
-        { required: true, message: '请输入确认密码' },
-        {
-          validator: compareToFirstPassword,
-        },
-      ],
-    })
-    //data-hook
-    const { passwordRef, passwordModalForm, passwordModalShow, showEditPage, apiUrls, deliverToShow, deliverToFrom, subAccountList, deliverToFromRule } = useConfigData()
-    const { userInfo } = toRefs(props)
-
-    //methods
-
-    function getDataByErp() {
-      listLayoutRef.value.loading = true
-      qHttp
-        .get({
-          url: apiUrls.value.getDataByErpUrl,
-        })
-        .then((res) => {
-          listLayoutRef.value.loading = false
-          if (res.success) {
-            // this.$message.success(res.message)
-            message.success('操作成功')
-          } else {
-            // this.$message.warning(res.message)
-            message.warning('操作失败')
-          }
-        })
-        .catch(() => {
-          listLayoutRef.value.loading = false
-        })
-    }
-
-    function pushDataToERP() {
-      let checkRow = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
-      if (!checkRow.length) {
-        message.warning('请至少选择一行')
-        return
-      }
-      let ids = checkRow.map((row: MapObjectNoneType) => row.id).join(',')
-      listLayoutRef.value.loading = true
-      qHttp
-        .get({
-          url: apiUrls.value.pushDataToERPUrl,
-          params: {
-            ids,
-          },
-        })
-        .then((res) => {
-          listLayoutRef.value.loading = false
-          if (res.success) {
-            // this.$message.success(res.message)
-            message.success('操作成功')
-          } else {
-            // this.$message.warning(res.message)
-            message.warning('操作失败')
-          }
-        })
-        .catch(() => {
-          listLayoutRef.value.loading = false
-        })
-    }
-
-    function pushDataToMall() {
-      let checkRow = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
-      if (!checkRow.length) {
-        message.warning('请至少选择一行')
-        return
-      }
-      let ids = checkRow.map((row: MapObjectNoneType) => row.id).join(',')
-      listLayoutRef.value.loading = true
-      qHttp
-        .get({
-          url: apiUrls.value.pushDataToMallUrl,
-          params: {
-            ids,
-          },
-        })
-        .then((res) => {
-          listLayoutRef.value.loading = false
-          if (res.success) {
-            // this.$message.success(res.message)
-            message.success(res.message)
-          } else {
-            // this.$message.warning(res.message)
-            message.warning(res.message)
-          }
-        })
-        .catch(() => {
-          listLayoutRef.value.loading = false
-        })
-    }
-
-    function handleFrozen({ row = {} as MapObjectNoneType }) {
-      let id = row.id
-      let status = row.status
-      let subAccount = row.subAccount
-
-      let messages = '冻结'
-      if ('admin' == subAccount) {
-        const t = '管理员账号不允许此操作！'
-        message.warning(t)
-        return
-      }
-      if ('1' == status) {
-        status = '2'
-      } else {
-        status = '1'
-        messages = '解冻'
-      }
-      const c = '确认'
-      const t = '是否'
-      const d = '选中数据?'
-      Modal.confirm({
-        title: c + messages,
-        content: t + messages + d + '?',
-        onOk: function () {
-          qHttp
-            .put({
-              url: '/account/elsSubAccount/frozenBatch',
-              data: { ids: id, status: status },
-            })
-            .then((res) => {
-              if (res.success) {
-                message.success(res.message)
-                listLayoutRef.value.fetchListData()
-              } else {
-                message.warning(res.message)
-              }
-            })
-        },
-      })
-    }
-
-    // 获取配置项分类
-    const getConfigurationItemClassificationList = () => {
-      let postData = {
-        pageSize: '100000',
-      }
-      qHttp.get({ url: '/account/elsSubAccount/list', params: postData }).then((res) => {
-        if (res && res.success) {
-          subAccountList.value = res.result.records.map((val: MapObjectNoneType) => {
-            return { value: val.id, label: val.realname }
-          })
-        }
-      })
-    }
-    getConfigurationItemClassificationList()
-
-    function deliverTo({ row = {} as MapObjectNoneType }) {
-      deliverToFrom.value = {
-        ...row,
-      }
-      nextTick(() => {
-        deliverToShow.value = true
-      })
-    }
-
-    function deliverToHandle() {
-      console.log(123)
-    }
-    function filterOption(input: MapObjectNoneType, option: MapObjectNoneType) {
-      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-    }
-
-    function deliverTosubmitEvent() {
-      let params = { sourceAccountId: deliverToFrom.value.id, targetAccountId: deliverToFrom.value.receiveId, businessDeliverToType: deliverToFrom.value.businessDeliverToType }
-
-      const t = '工作转交确认'
-      const c = '确认是否进行工作转交?'
-      Modal.confirm({
-        title: t,
-        content: c,
-        onOk: function () {
-          listLayoutRef.value.loading = true
-          qHttp
-            .get({
-              url: '/account/elsSubAccount/deliverTo',
-              params,
-            })
-            .then((res) => {
-              listLayoutRef.value.loading = true
-              if (res.success) {
-                message.success(res.message)
-                deliverToFrom.value = {}
-                listLayoutRef.value.fetchListData()
-              } else {
-                message.warning(res.message)
-              }
-            })
-            .finally(() => {
-              deliverToShow.value = false
-            })
-        },
-      })
-    }
-
-    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
-                })
-            }
-          })
-        })
-      }
-    }
-
-    async function validateToNextPassword(ErrMap: MapObjectNoneType) {
-      // const form = passwordModalForm.value
-      let EmessTxt = ''
-      if (ErrMap.itemValue) {
-        let params = {
-          elsAccount: userInfo.value?.userInfo?.elsAccount,
-          password: ErrMap.itemValue,
-        }
-        let curMess = await qHttp
-          .get({
-            url: '/account/noToken/pwdRuleCheck',
-            params,
-          })
-          .then((res) => {
-            if (res.success) {
-              if (res.message) {
-                EmessTxt = res.message ? res.message : ''
-                return EmessTxt
-              }
-            }
-          })
-        if (curMess) {
-          message.error(curMess)
-
-          return Promise.reject(curMess)
-        }
-      }
-    }
-
-    function compareToFirstPassword(ErrMap: MapObjectNoneType) {
-      const form = passwordModalForm.value
-      if (ErrMap.itemValue && ErrMap.itemValue !== form.password) {
-        return new Error(' 登录密码与确认密码不一致')
-      }
-    }
-
-    return {
-      passwordModalFormRule,
-      passwordModalForm,
-      passwordModalShow,
-      deliverTosubmitEvent,
-      deliverToFromRule,
-      filterOption,
-      subAccountList,
-      deliverToFrom,
-      deliverToHandle,
-      deliverToShow,
-      listLayoutRef,
-      showEditPage,
-      apiUrls,
-      pageData,
-      passwordModalHandle,
-      passwordRef,
-    }
-  },
-})
-</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="deliverToShow" title="工作转交" type="confirm" :showFooter="false">
+      <vxe-form title-colon title-align="right" title-width="160" :data="deliverToFrom" :rules="deliverToFromRule" @submit="deliverTosubmitEvent">
+        <vxe-form-gather span="24">
+          <vxe-form-item title="转交人" field="realname" span="24">
+            <template #default="{ data }">
+              <vxe-input :disabled="true" v-model="data.realname" type="text" placeholder="请输入转交人"></vxe-input>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item title="接收人" field="receiveId" span="24">
+            <template #default="{ data }">
+              <a-select :placeholder="'姓名'" v-model:value="data.receiveId" :filter-option="filterOption" show-search allow-clear :options="subAccountList"> </a-select>
+            </template>
+          </vxe-form-item>
+          <vxe-form-item title="转交内容" field="businessDeliverToType" span="24">
+            <template #default="{ data }">
+              <q-select mode="multiple" style="width: 200px" v-model:value="data.businessDeliverToType" dict-code="businessDeliverToType" placeholder="请输入转交内容"></q-select>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item align="center" span="24">
+            <template #default>
+              <vxe-button content="取消" @click="deliverToShow = false"></vxe-button>
+              <vxe-button type="submit" status="primary" content="保存"></vxe-button>
+            </template>
+          </vxe-form-item>
+        </vxe-form-gather>
+      </vxe-form>
+    </vxe-modal>
+    <!--更改密码-->
+    <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>
+  </div>
+</template>
+
+<script lang="ts">
+//JS
+import { defineComponent, reactive, toRefs, inject, ref, nextTick } from 'vue'
+//hook
+import { useConfigData } from './useConfigData'
+
+//ts
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+import { Modal, message } from '@qqt-product/ui'
+import type { GlobalListPageLayoutTypes } from '@qqt-product/ui'
+
+export default defineComponent({
+  name: 'QAccountList',
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  emits: ['create', 'edit', 'detail'],
+  setup(props, { emit }) {
+    //data
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    const listLayoutRef = ref()
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optionConfig: {
+        attrs: {},
+        extend: {},
+        options: [
+          {
+            type: 'edit',
+            title: '编辑',
+            authorityCode: 'elsSubAccount#ElsSubAccount:edit',
+            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+              const payload = {
+                row,
+                $rowIndex,
+                column,
+                $columnIndex,
+              }
+              emit('edit', payload)
+            },
+          },
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:view',
+            type: 'view',
+            title: '查看',
+            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+              const payload = {
+                row,
+                $rowIndex,
+                column,
+                $columnIndex,
+              }
+              emit('detail', payload)
+            },
+          },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:deliverTo', type: 'stop', title: '工作转交', click: deliverTo },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:changPassword', type: 'change', title: '更改密码', click: handleChangePassword },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:frozenBatch', type: 'frozen', title: '冻结/解冻', click: handleFrozen },
+        ],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:add',
+            label: '新增',
+            icon: {
+              type: 'icon-Q-add',
+            },
+            attrs: {
+              type: 'primary',
+            },
+            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+              const payload = {
+                row,
+                $rowIndex,
+                column,
+                $columnIndex,
+              }
+              emit('create', payload)
+            },
+          },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:getDataByErp', label: '获取ERP数据', click: getDataByErp },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:pushDataToErp', label: '推送到ERP', click: pushDataToERP },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:pushDataToMall', label: '推送到商城', click: pushDataToMall },
+          {
+            label: '列自定义',
+            icon: {
+              type: 'icon-Q-setting',
+            },
+            type: 'setting',
+          },
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:import',
+            label: '导入',
+            args: {
+              url: 'base/excelHeader/getConfig/elsSubAccountExcel', // 原来的 importExcelUrl
+              excelCode: 'elsSubAccountExcel', // excelCode
+            },
+            icon: {
+              type: 'icon-Q-import',
+            },
+            type: 'import',
+          },
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:export',
+            label: '导出',
+            args: {
+              url: '/account/elsSubAccount/exportXls', // 原来的 exportXlsUrl
+            },
+            icon: {
+              type: 'icon-Q-export',
+            },
+            type: 'export',
+          },
+          {
+            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: 'realname',
+            placeholder: '请输入姓名',
+          },
+          {
+            type: 'input',
+            label: '子账号',
+            fieldName: 'subAccount',
+            placeholder: '请输入子账号',
+          },
+        ],
+      },
+      pagerConfig: {},
+    })
+    const passwordModalFormRule = ref({
+      password: [
+        { required: true, message: '请输入登录密码' },
+        {
+          validator: validateToNextPassword,
+        },
+      ],
+      confirmpassword: [
+        { required: true, message: '请输入确认密码' },
+        {
+          validator: compareToFirstPassword,
+        },
+      ],
+    })
+    //data-hook
+    const { passwordRef, passwordModalForm, passwordModalShow, showEditPage, apiUrls, deliverToShow, deliverToFrom, subAccountList, deliverToFromRule } = useConfigData()
+    const { userInfo } = toRefs(props)
+
+    //methods
+
+    function getDataByErp() {
+      listLayoutRef.value.loading = true
+      qHttp
+        .get({
+          url: apiUrls.value.getDataByErpUrl,
+        })
+        .then((res) => {
+          listLayoutRef.value.loading = false
+          if (res.success) {
+            // this.$message.success(res.message)
+            message.success('操作成功')
+          } else {
+            // this.$message.warning(res.message)
+            message.warning('操作失败')
+          }
+        })
+        .catch(() => {
+          listLayoutRef.value.loading = false
+        })
+    }
+
+    function pushDataToERP() {
+      let checkRow = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+      if (!checkRow.length) {
+        message.warning('请至少选择一行')
+        return
+      }
+      let ids = checkRow.map((row: MapObjectNoneType) => row.id).join(',')
+      listLayoutRef.value.loading = true
+      qHttp
+        .get({
+          url: apiUrls.value.pushDataToERPUrl,
+          params: {
+            ids,
+          },
+        })
+        .then((res) => {
+          listLayoutRef.value.loading = false
+          if (res.success) {
+            // this.$message.success(res.message)
+            message.success('操作成功')
+          } else {
+            // this.$message.warning(res.message)
+            message.warning('操作失败')
+          }
+        })
+        .catch(() => {
+          listLayoutRef.value.loading = false
+        })
+    }
+
+    function pushDataToMall() {
+      let checkRow = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+      if (!checkRow.length) {
+        message.warning('请至少选择一行')
+        return
+      }
+      let ids = checkRow.map((row: MapObjectNoneType) => row.id).join(',')
+      listLayoutRef.value.loading = true
+      qHttp
+        .get({
+          url: apiUrls.value.pushDataToMallUrl,
+          params: {
+            ids,
+          },
+        })
+        .then((res) => {
+          listLayoutRef.value.loading = false
+          if (res.success) {
+            // this.$message.success(res.message)
+            message.success(res.message)
+          } else {
+            // this.$message.warning(res.message)
+            message.warning(res.message)
+          }
+        })
+        .catch(() => {
+          listLayoutRef.value.loading = false
+        })
+    }
+
+    function handleFrozen({ row = {} as MapObjectNoneType }) {
+      let id = row.id
+      let status = row.status
+      let subAccount = row.subAccount
+
+      let messages = '冻结'
+      if ('admin' == subAccount) {
+        const t = '管理员账号不允许此操作！'
+        message.warning(t)
+        return
+      }
+      if ('1' == status) {
+        status = '2'
+      } else {
+        status = '1'
+        messages = '解冻'
+      }
+      const c = '确认'
+      const t = '是否'
+      const d = '选中数据?'
+      Modal.confirm({
+        title: c + messages,
+        content: t + messages + d + '?',
+        onOk: function () {
+          qHttp
+            .put({
+              url: '/account/elsSubAccount/frozenBatch',
+              data: { ids: id, status: status },
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success(res.message)
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+        },
+      })
+    }
+
+    // 获取配置项分类
+    const getConfigurationItemClassificationList = () => {
+      let postData = {
+        pageSize: '100000',
+      }
+      qHttp.get({ url: '/account/elsSubAccount/list', params: postData }).then((res) => {
+        if (res && res.success) {
+          subAccountList.value = res.result.records.map((val: MapObjectNoneType) => {
+            return { value: val.id, label: val.realname }
+          })
+        }
+      })
+    }
+    getConfigurationItemClassificationList()
+
+    function deliverTo({ row = {} as MapObjectNoneType }) {
+      deliverToFrom.value = {
+        ...row,
+      }
+      nextTick(() => {
+        deliverToShow.value = true
+      })
+    }
+
+    function deliverToHandle() {
+      console.log(123)
+    }
+    function filterOption(input: MapObjectNoneType, option: MapObjectNoneType) {
+      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+    }
+
+    function deliverTosubmitEvent() {
+      let params = { sourceAccountId: deliverToFrom.value.id, targetAccountId: deliverToFrom.value.receiveId, businessDeliverToType: deliverToFrom.value.businessDeliverToType }
+
+      const t = '工作转交确认'
+      const c = '确认是否进行工作转交?'
+      Modal.confirm({
+        title: t,
+        content: c,
+        onOk: function () {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: '/account/elsSubAccount/deliverTo',
+              params,
+            })
+            .then((res) => {
+              listLayoutRef.value.loading = true
+              if (res.success) {
+                message.success(res.message)
+                deliverToFrom.value = {}
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+            .finally(() => {
+              deliverToShow.value = false
+            })
+        },
+      })
+    }
+
+    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
+                })
+            }
+          })
+        })
+      }
+    }
+
+    async function validateToNextPassword(ErrMap: MapObjectNoneType) {
+      // const form = passwordModalForm.value
+      let EmessTxt = ''
+      if (ErrMap.itemValue) {
+        let params = {
+          elsAccount: userInfo.value?.userInfo?.elsAccount,
+          password: ErrMap.itemValue,
+        }
+        let curMess = await qHttp
+          .get({
+            url: '/account/noToken/pwdRuleCheck',
+            params,
+          })
+          .then((res) => {
+            EmessTxt = res.message ? res.message : ''
+            return EmessTxt
+          })
+        if (curMess) {
+          // message.error(curMess)
+
+          return Promise.reject(new Error(EmessTxt))
+        }
+      }
+    }
+
+    function compareToFirstPassword(ErrMap: MapObjectNoneType) {
+      const form = passwordModalForm.value
+      if (ErrMap.itemValue && ErrMap.itemValue !== form.password) {
+        return new Error(' 登录密码与确认密码不一致')
+      }
+    }
+
+    return {
+      passwordModalFormRule,
+      passwordModalForm,
+      passwordModalShow,
+      deliverTosubmitEvent,
+      deliverToFromRule,
+      filterOption,
+      subAccountList,
+      deliverToFrom,
+      deliverToHandle,
+      deliverToShow,
+      listLayoutRef,
+      showEditPage,
+      apiUrls,
+      pageData,
+      passwordModalHandle,
+      passwordRef,
+    }
+  },
+})
+</script>
+<style scoped></style>