解锁业务账户

src/common/constants/buttonType.ts

@@ -29,6 +29,7 @@ export interface ButtonType {
     account_info_business_btn_reset: string; // 业务账户 重置密码
     account_info_business_btn_locked: string; // 业务账户 锁定
     account_info_business_btn_cancel: string; // 业务账户 注销
+    account_info_business_btn_unlocked: string; // 业务账户 解锁
 
     account_info_trade_btn_add: string; // 交易账户 新增
     account_info_trade_btn_modify: string; // 交易账户 修改

src/views/information/account_info/compoments/unlocked-business/index.vue

@@ -0,0 +1,137 @@
+<template>
+  <!-- 解锁业务账户 -->
+  <a-modal class="add-custom"
+           title="解锁业务账户"
+           v-model:visible="visible"
+           @cancel="cancel"
+           centered
+           :maskClosable="false"
+           width="890px">
+    <template #footer>
+      <a-button key="submit"
+                type="primary"
+                :loading="loading"
+                @click="submit">锁定</a-button>
+    </template>
+    <a-form class="inlineForm"
+            :model="formState">
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <a-form-item label="登录账号"
+                       name="">
+            <span class="white">{{formState.accountname}}</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="账户名称"
+                       name="">
+            <span class="white">{{formState.logincode}}</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="登录密码"
+                       name="">
+            <a-input-password class="dialogInput"
+                              style="width: 200px"
+                              value="2323423"
+                              v-model:value="formState.password"
+                              readonly />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="手机号码"
+                       name="">
+            <span class="white">{{formState.mobile}}</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item label="账户角色"
+                       name="userinfotype">
+            <a-checkbox-group class="commonCheckboxGroup"
+                              v-model:value="formState.roleids">
+              <a-row>
+                <a-col :span="12">
+                  <a-checkbox :value="22">业务员</a-checkbox>
+                </a-col>
+                <a-col :span="12">
+                  <a-checkbox :value="23">跟单员</a-checkbox>
+                </a-col>
+              </a-row>
+            </a-checkbox-group>
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </a-modal>
+</template>
+
+<script lang="ts">
+import { closeModal } from '@/common/setup/modal/index';
+import { defineComponent, ref, PropType, watchEffect } from 'vue';
+import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
+import { loginAccountOperate } from '@/services/proto/accountinfo';
+import { LoginaccountOperateReq } from '@/services/proto/accountinfo/interface';
+import { ErmcpLoginUser } from '@/services/go/ermcp/account/interface';
+import { Modal } from 'ant-design-vue';
+import { mergeTwoObj } from '@/utils/objHandle';
+import { handleBusinessForm } from '../setup';
+
+export default defineComponent({
+    name: 'account_info_business_btn_unlocked',
+    components: {},
+    props: {
+        selectedData: {
+            default: {},
+            type: Object as PropType<ErmcpLoginUser>,
+        },
+    },
+    setup(props, context) {
+        // 控制关闭弹窗
+        const { visible, cancel } = closeModal('account_info_business_btn_unlocked');
+        const loading = ref<boolean>(false);
+        const { formState } = handleBusinessForm();
+        watchEffect(() => {
+            if (visible.value) {
+                mergeTwoObj(formState, props.selectedData);
+                // roletype	:string;//角色类型(逗号隔开,如22,23), 22:业务员 23:跟单员 24:交易员
+                formState.roleids = props.selectedData.roletype.split(',').map((e) => +e);
+            }
+        });
+        function submit() {
+            Modal.confirm({
+                title: '是否确认解锁该账户',
+                okText: '确认解锁',
+                cancelText: '取消',
+                onOk() {
+                    let reqParam: LoginaccountOperateReq = {
+                        userid: props.selectedData.userid,
+                        loginid: props.selectedData.loginid,
+                        operatetype: 6, // 5: 锁定 6：解锁
+                        logintaaccounts: [],
+                    };
+                    requestResultLoadingAndInfo(loginAccountOperate, reqParam, loading, ['解锁锁定成功', '解锁锁定失败:']).then(() => {
+                        cancel();
+                        context.emit('refresh');
+                    });
+                },
+                onCancel() {
+                    console.log('Cancel');
+                },
+            });
+        }
+        return {
+            formState,
+            visible,
+            cancel,
+            submit,
+            loading,
+        };
+    },
+});
+</script>
+
+<style lang="less">
+.add-custom {
+}
+</style
+>;

src/views/information/account_info/list/account_info_business/index.vue

@@ -57,14 +57,16 @@
         </a-collapse>
       </a-collapse-panel>
     </a-collapse>
-    <Add @refresh="queryTable"
+    <Add @refresh="handleTableList"
          :roleid="addModelData.roleid" />
     <Modify :selectedData="moreModelData"
-            @refresh="queryTable" />
+            @refresh="handleTableList" />
     <Reset :selectedData="moreModelData"
-           @refresh="queryTable" />
+           @refresh="handleTableList" />
     <Locked :selectedData="moreModelData"
-            @refresh="queryTable" />
+            @refresh="handleTableList" />
+    <Unlocked :selectedData="moreModelData"
+              @refresh="handleTableList" />
     <Cancel />
     <Detail :selectedData="moreModelData" />
   </div>
@@ -81,6 +83,7 @@ import Reset from '../../compoments/reset-business/index.vue';
 import Locked from '../../compoments/locked-business/index.vue';
 import Cancel from '../../compoments/cancel-business/index.vue';
 import Detail from '../../compoments/business-detail/index.vue';
+import Unlocked from '../../compoments/unlocked-business/index.vue';
 import { ErmcpLoginUser, ErmcpLoginUserEx } from '@/services/go/ermcp/account/interface';
 import { getUserName } from '@/services/bus/user';
 import { handleModalData } from '../setup';
@@ -97,6 +100,7 @@ export default defineComponent({
         Locked,
         Cancel,
         Detail,
+        Unlocked,
     },
     setup() {
         const { loading, tableList, queryTable } = queryTableList();
@@ -105,8 +109,7 @@ export default defineComponent({
         const { selectedData: addModelData, openAction } = handleModalData<ErmcpLoginUserEx>();
         // 修改 重置密码、详情等弹窗
         const { selectedData: moreModelData, openAction: moreOptenAction } = handleModalData<ErmcpLoginUser>();
-
-        initData(() => {
+        function handleTableList() {
             queryTable().then(() => {
                 tableList.value.forEach((el) => {
                     // 过滤无效
@@ -126,6 +129,9 @@ export default defineComponent({
                     Object.assign(el, { userlist: arr });
                 });
             });
+        }
+        initData(() => {
+            handleTableList();
         });
         // 查询
         function search(value: any) {}
@@ -136,7 +142,7 @@ export default defineComponent({
             search,
             tableList,
             getLoginStatusEnumItemName,
-            queryTable,
+            handleTableList,
             moreModelData,
             getUserName,
             openAction,