|
|
@@ -1,246 +0,0 @@
|
|
|
-<template>
|
|
|
- <!-- 修改权限模板 -->
|
|
|
- <a-modal class="commonModal modify-powers"
|
|
|
- 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"
|
|
|
- ref="formRef"
|
|
|
- :model="formState"
|
|
|
- :rules="rules">
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="模板名称"
|
|
|
- name="">
|
|
|
- <a-input class="dialogInput"
|
|
|
- style="width: 200px"
|
|
|
- placeholder="请输入模板名称" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="权限功能"
|
|
|
- name="">
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24">
|
|
|
- <div class="powerTable">
|
|
|
- <a-checkbox-group class="commonCheckboxGroup">
|
|
|
- <div class="powerRow">
|
|
|
- <div class="powerLeft">
|
|
|
- <a-checkbox value="A">采购</a-checkbox>
|
|
|
- </div>
|
|
|
- <div class="powerMiddle">
|
|
|
- <div>
|
|
|
- <a-checkbox value="B">待点价</a-checkbox>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-checkbox value="C">履约交收</a-checkbox>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-checkbox value="D">全部</a-checkbox>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="powerRight">
|
|
|
- <div>
|
|
|
- <a-checkbox value="E">点价登记</a-checkbox>
|
|
|
- <a-checkbox value="F">详情</a-checkbox>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-checkbox value="G">交收登记</a-checkbox>
|
|
|
- <a-checkbox value="H">款项登记</a-checkbox>
|
|
|
- <a-checkbox value="I">发票登记</a-checkbox>
|
|
|
- <a-checkbox value="J">入库登记</a-checkbox>
|
|
|
- <a-checkbox value="K">详情</a-checkbox>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-checkbox value="L">全部</a-checkbox>
|
|
|
- <a-checkbox value="M">详情</a-checkbox>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="powerRow">
|
|
|
- <div class="powerLeft">
|
|
|
- <a-checkbox value="N">期货</a-checkbox>
|
|
|
- </div>
|
|
|
- <div class="powerMiddle">
|
|
|
- <div>
|
|
|
- <a-checkbox value="O">待点价</a-checkbox>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="powerRight">
|
|
|
- <div>
|
|
|
- <a-checkbox value="P">交易</a-checkbox>
|
|
|
- <a-checkbox value="Q">买入</a-checkbox>
|
|
|
- <a-checkbox value="R">卖出</a-checkbox>
|
|
|
- <a-checkbox value="S">平仓</a-checkbox>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="powerRow">
|
|
|
- <div class="powerLeft">
|
|
|
- <a-checkbox value="T">敞口</a-checkbox>
|
|
|
- </div>
|
|
|
- <div class="powerMiddle">
|
|
|
- <div>
|
|
|
- <a-checkbox value="U">实时敞口</a-checkbox>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-checkbox value="V">现货头寸</a-checkbox>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-checkbox value="W">期货头寸</a-checkbox>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a-checkbox value="X">历史敞口</a-checkbox>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="powerRight">
|
|
|
- <div>
|
|
|
- <a-checkbox value="Y">期货明细</a-checkbox>
|
|
|
- <a-checkbox value="Z">现货明细</a-checkbox>
|
|
|
- <a-checkbox value="A1">下单</a-checkbox>
|
|
|
- </div>
|
|
|
- <div> </div>
|
|
|
- <div> </div>
|
|
|
- <div> </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a-checkbox-group>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-form>
|
|
|
- </a-modal>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script lang="ts">
|
|
|
-import { closeModal } from '@/common/setup/modal/index';
|
|
|
-import { initData } from '@/common/methods/index';
|
|
|
-import { defineComponent, ref, reactive, toRaw, UnwrapRef } from 'vue';
|
|
|
-import { AllEnums } from '@/services/go/commonService/interface';
|
|
|
-import { RuleObject, ValidateErrorEntity } from 'ant-design-vue/es/form/interface';
|
|
|
-
|
|
|
-export default defineComponent({
|
|
|
- name: 'add-custom',
|
|
|
- components: {},
|
|
|
- setup() {
|
|
|
- // 控制关闭弹窗
|
|
|
- const { visible, cancel } = closeModal('account_info_business_btn_modify');
|
|
|
- // 证件类型
|
|
|
- // const cardTypeList = ref<AllEnums[]>(getCardType());
|
|
|
- // // 表单
|
|
|
- // const formRef = ref();
|
|
|
- // const formState: UnwrapRef<FormState> = reactive(initFormState());
|
|
|
- // const rules = {
|
|
|
- // userinfotype: [{ required: true, message: '请选择客户类型', trigger: 'change' }],
|
|
|
- // customername: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
|
|
|
- // nickname: [{ required: true, message: '请输入企业简称', trigger: 'blur' }],
|
|
|
- // cardtype: [{ required: true, message: '请选择证件类型', trigger: 'change' }],
|
|
|
- // };
|
|
|
- // // 下单方法
|
|
|
- // const { loading, applyAction } = handleApply();
|
|
|
- // function isPersonal(): boolean {
|
|
|
- // return formState.userinfotype === '1';
|
|
|
- // }
|
|
|
- // function submit() {
|
|
|
- // formRef.value
|
|
|
- // .validate()
|
|
|
- // .then(() => {
|
|
|
- // const param = toRaw(formState);
|
|
|
- // applyAction(param);
|
|
|
- // console.log('values', formState);
|
|
|
- // })
|
|
|
- // .catch((error: ValidateErrorEntity<FormState>) => {
|
|
|
- // console.log('error', error);
|
|
|
- // });
|
|
|
- // }
|
|
|
- return {
|
|
|
- // formState,
|
|
|
- // rules,
|
|
|
- // formRef,
|
|
|
- // cardTypeList,
|
|
|
- // isPersonal,
|
|
|
- visible,
|
|
|
- cancel,
|
|
|
- // submit,
|
|
|
- // loading,
|
|
|
- };
|
|
|
- },
|
|
|
-});
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less">
|
|
|
-.modify-powers {
|
|
|
- .powerTable {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- border: 3px solid @m-grey11;
|
|
|
- background-color: @m-black12;
|
|
|
- font-size: 14px;
|
|
|
- color: @m-white0;
|
|
|
- .flex;
|
|
|
- flex-direction: column;
|
|
|
- .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
|
|
|
- width: 90px;
|
|
|
- span + span {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- .powerRow {
|
|
|
- width: 100%;
|
|
|
- display: inline-flex;
|
|
|
- border-bottom: 3px solid @m-grey11;
|
|
|
- div {
|
|
|
- align-self: center;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .powerLeft {
|
|
|
- width: 84px;
|
|
|
- padding: 0 8px;
|
|
|
- }
|
|
|
- .powerMiddle {
|
|
|
- width: 130px;
|
|
|
- .flex;
|
|
|
- flex-direction: column;
|
|
|
- div {
|
|
|
- width: 100%;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- padding: 0 8px;
|
|
|
- border: 3px solid @m-grey11;
|
|
|
- border-top: 0;
|
|
|
- }
|
|
|
- div:last-child {
|
|
|
- border-bottom: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- .powerRight {
|
|
|
- flex: 1;
|
|
|
- .flex;
|
|
|
- flex-direction: column;
|
|
|
- div {
|
|
|
- width: 100%;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- padding: 0 8px;
|
|
|
- justify-content: flex-start;
|
|
|
- border-bottom: 3px solid @m-grey11;
|
|
|
- }
|
|
|
- div:last-child {
|
|
|
- border-bottom: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</style
|
|
|
->;
|