Skip to content
GitLab
Commit f1631507 authored by 季圣华's avatar 季圣华
Browse files

调整页面布局（初稿）

parent e26e7991
Hide whitespace changes
Inline Side-by-side
jshERP-web/src/views/system/modules/RoleModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="800" :title="title"
:visible="visible" :width="800"
:confirmLoading="confirmLoading" :visible="visible"
@ok="handleOk" :confirmLoading="confirmLoading"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭" :maskStyle="{'top':'101px','left':'151px'}"
wrapClassName="ant-modal-cust-warp" :maskClosable="false"
style="top:20%;height: 60%;overflow-y: hidden"> @ok="handleOk"
<template slot="footer"> @cancel="handleCancel"
<a-button key="back" v-if="isReadOnly" @click="handleCancel"> cancelText="关闭"
关闭 wrapClassName="ant-modal-cust-warp"
</a-button> style="top:20%;height: 60%;overflow-y: hidden">
</template> <template slot="footer">
<a-spin :spinning="confirmLoading"> <a-button key="back" v-if="isReadOnly" @click="handleCancel">
<a-form :form="form" id="roleModal"> 关闭
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="角色名称"> </a-button>
<a-input placeholder="请输入角色名称" v-decorator.trim="[ 'name', validatorRules.name]" /> </template>
</a-form-item> <a-spin :spinning="confirmLoading">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="数据类型"> <a-form :form="form" id="roleModal">
<a-select placeholder="请选择数据类型" v-decorator="[ 'type', validatorRules.type]" style="width:94%"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="角色名称">
<a-select-option value="全部数据">全部数据</a-select-option> <a-input placeholder="请输入角色名称" v-decorator.trim="[ 'name', validatorRules.name]" />
<a-select-option value="本机构数据">本机构数据</a-select-option> </a-form-item>
<a-select-option value="个人数据">个人数据</a-select-option> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="数据类型">
</a-select> <a-select placeholder="请选择数据类型" v-decorator="[ 'type', validatorRules.type]" style="width:94%">
<a-tooltip title="1、全部数据-该角色对应的用户可以看到全部单据；2、本机构数据-该角色对应的用户可以看到自己所在机构的全部单据； <a-select-option value="全部数据">全部数据</a-select-option>
3、个人数据-该角色对应的用户只可以看到自己的单据。单据是指采购入库、销售出库等"> <a-select-option value="本机构数据">本机构数据</a-select-option>
<a-icon type="question-circle" style="width:6%; padding-left: 5px; font-size: 18px;" /> <a-select-option value="个人数据">个人数据</a-select-option>
</a-tooltip> </a-select>
</a-form-item> <a-tooltip title="1、全部数据-该角色对应的用户可以看到全部单据；2、本机构数据-该角色对应的用户可以看到自己所在机构的全部单据；
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="价格屏蔽"> 3、个人数据-该角色对应的用户只可以看到自己的单据。单据是指采购入库、销售出库等">
<j-select-multiple style="width:94%" placeholder="请选择价格屏蔽" v-model="priceLimitList.value" :options="priceLimitList.options"/> <a-icon type="question-circle" style="width:6%; padding-left: 5px; font-size: 18px;" />
<a-tooltip title="价格屏蔽支持多选，主要用于控制首页界面和物料的价格屏蔽"> </a-tooltip>
<a-icon type="question-circle" style="width:6%; padding-left: 5px; font-size: 18px;" /> </a-form-item>
</a-tooltip> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="价格屏蔽">
</a-form-item> <j-select-multiple style="width:94%" placeholder="请选择价格屏蔽" v-model="priceLimitList.value" :options="priceLimitList.options"/>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="描述"> <a-tooltip title="价格屏蔽支持多选，主要用于控制首页界面和物料的价格屏蔽">
<a-textarea :rows="1" placeholder="请输入描述" v-decorator="[ 'description', validatorRules.description ]" /> <a-icon type="question-circle" style="width:6%; padding-left: 5px; font-size: 18px;" />
</a-form-item> </a-tooltip>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> </a-form-item>
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="描述">
</a-form-item> <a-textarea :rows="1" placeholder="请输入描述" v-decorator="[ 'description', validatorRules.description ]" />
</a-form> </a-form-item>
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
</a-modal> <a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
jshERP-web/src/views/system/modules/RolePushBtnModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="width" :title="title"
:visible="visible" :width="width"
:confirmLoading="confirmLoading" :visible="visible"
@ok="handleOk" :confirmLoading="confirmLoading"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭" :maskStyle="{'top':'101px','left':'151px'}"
wrapClassName="ant-modal-cust-warp" :maskClosable="false"
style="top:5%;height: 95%;overflow-y: hidden"> @ok="handleOk"
<a-spin :spinning="confirmLoading"> @cancel="handleCancel"
<div class="table-page-search-wrapper"> cancelText="关闭"
<!-- 按钮区域 --> wrapClassName="ant-modal-cust-warp"
<a-form layout="inline"> style="top:5%;height: 95%;overflow-y: hidden">
<a-row :gutter="24"> <a-spin :spinning="confirmLoading">
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> <div class="table-page-search-wrapper">
<a-col :md="12" :sm="24"> <!-- 按钮区域 -->
<a-button @click="toggleChecked"> <a-form layout="inline">
{{ !checked ? '全选' : '全取消' }} <a-row :gutter="24">
</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button @click="editToggleChecked" style="margin-left: 8px"> <a-col :md="12" :sm="24">
{{ !editChecked ? '全选-编辑' : '全取消-编辑' }} <a-button @click="toggleChecked">
</a-button> {{ !checked ? '全选' : '全取消' }}
<a-button @click="auditToggleChecked" style="margin-left: 8px"> </a-button>
{{ !auditChecked ? '全选-审核' : '全取消-审核' }} <a-button @click="editToggleChecked" style="margin-left: 8px">
</a-button> {{ !editChecked ? '全选-编辑' : '全取消-编辑' }}
<a-button @click="unAuditToggleChecked" style="margin-left: 8px"> </a-button>
{{ !unAuditChecked ? '全选-反审核' : '全取消-反审核' }} <a-button @click="auditToggleChecked" style="margin-left: 8px">
</a-button> {{ !auditChecked ? '全选-审核' : '全取消-审核' }}
</a-col> </a-button>
<a-button @click="unAuditToggleChecked" style="margin-left: 8px">
{{ !unAuditChecked ? '全选-反审核' : '全取消-反审核' }}
</a-button>
</a-col>
</span>
</a-row>
</a-form>
</div>
<!-- table区域-begin -->
<div>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="columns"
:dataSource="dataSource"
:loading="loading">
<span slot="action" slot-scope="text, record">
<a-checkbox v-if="record.pushBtn.indexOf(1)>-1" value="1" :checked="record.btnStr?record.btnStr.indexOf(1)>-1:false" @change="onChange(record,'1')">编辑</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(2)>-1" value="2" :checked="record.btnStr?record.btnStr.indexOf(2)>-1:false" @change="onChange(record,'2')">审核</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(7)>-1" value="7" :checked="record.btnStr?record.btnStr.indexOf(7)>-1:false" @change="onChange(record,'7')">反审核</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(3)>-1" value="3" :checked="record.btnStr?record.btnStr.indexOf(3)>-1:false" @change="onChange(record,'3')">导入导出</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(4)>-1" value="4" :checked="record.btnStr?record.btnStr.indexOf(4)>-1:false" @change="onChange(record,'4')">启用禁用</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(5)>-1" value="5" :checked="record.btnStr?record.btnStr.indexOf(5)>-1:false" @change="onChange(record,'5')">打印</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(6)>-1" value="6" :checked="record.btnStr?record.btnStr.indexOf(6)>-1:false" @change="onChange(record,'6')">作废</a-checkbox>
</span> </span>
</a-row> </a-table>
</a-form> </div>
</div> </a-spin>
<!-- table区域-begin --> </a-modal>
<div> </div>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="columns"
:dataSource="dataSource"
:loading="loading">
<span slot="action" slot-scope="text, record">
<a-checkbox v-if="record.pushBtn.indexOf(1)>-1" value="1" :checked="record.btnStr?record.btnStr.indexOf(1)>-1:false" @change="onChange(record,'1')">编辑</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(2)>-1" value="2" :checked="record.btnStr?record.btnStr.indexOf(2)>-1:false" @change="onChange(record,'2')">审核</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(7)>-1" value="7" :checked="record.btnStr?record.btnStr.indexOf(7)>-1:false" @change="onChange(record,'7')">反审核</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(3)>-1" value="3" :checked="record.btnStr?record.btnStr.indexOf(3)>-1:false" @change="onChange(record,'3')">导入导出</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(4)>-1" value="4" :checked="record.btnStr?record.btnStr.indexOf(4)>-1:false" @change="onChange(record,'4')">启用禁用</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(5)>-1" value="5" :checked="record.btnStr?record.btnStr.indexOf(5)>-1:false" @change="onChange(record,'5')">打印</a-checkbox>
<a-checkbox v-if="record.pushBtn.indexOf(6)>-1" value="6" :checked="record.btnStr?record.btnStr.indexOf(6)>-1:false" @change="onChange(record,'6')">作废</a-checkbox>
</span>
</a-table>
</div>
</a-spin>
</a-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
jshERP-web/src/views/system/modules/TenantModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="600" :title="title"
:visible="visible" :width="600"
:confirmLoading="confirmLoading" :visible="visible"
@ok="handleOk" :confirmLoading="confirmLoading"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭" :maskStyle="{'top':'101px','left':'151px'}"
wrapClassName="ant-modal-cust-warp" :maskClosable="false"
style="top:20%;height: 60%;overflow-y: hidden"> @ok="handleOk"
<a-spin :spinning="confirmLoading"> @cancel="handleCancel"
<a-form :form="form"> cancelText="关闭"
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="登录名称"> wrapClassName="ant-modal-cust-warp"
<a-input placeholder="请输入登录名称" v-decorator.trim="[ 'loginName', validatorRules.loginName]" :readOnly="!!model.id" style="top:20%;height: 60%;overflow-y: hidden">
suffix="初始密码：123456" /> <a-spin :spinning="confirmLoading">
</a-form-item> <a-form :form="form">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="用户数量限制"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="登录名称">
<a-input-number style="width:100%" placeholder="请输入用户数量限制" v-decorator.trim="[ 'userNumLimit' ]" /> <a-input placeholder="请输入登录名称" v-decorator.trim="[ 'loginName', validatorRules.loginName]" :readOnly="!!model.id"
</a-form-item> suffix="初始密码：123456" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="租户类型"> </a-form-item>
<a-select style="width:100%" placeholder="请选择租户类型" v-decorator.trim="[ 'type' ]"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="用户数量限制">
<a-select-option value="0">试用租户</a-select-option> <a-input-number style="width:100%" placeholder="请输入用户数量限制" v-decorator.trim="[ 'userNumLimit' ]" />
<a-select-option value="1">付费租户</a-select-option> </a-form-item>
</a-select> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="租户类型">
</a-form-item> <a-select style="width:100%" placeholder="请选择租户类型" v-decorator.trim="[ 'type' ]">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="到期时间"> <a-select-option value="0">试用租户</a-select-option>
<j-date style="width:100%" placeholder="请选择到期时间" v-decorator.trim="[ 'expireTime' ]" :show-time="true"/> <a-select-option value="1">付费租户</a-select-option>
</a-form-item> </a-select>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="描述"> </a-form-item>
<a-textarea :rows="2" placeholder="请输入描述" v-decorator.trim="[ 'remark' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="到期时间">
</a-form-item> <j-date style="width:100%" placeholder="请选择到期时间" v-decorator.trim="[ 'expireTime' ]" :show-time="true"/>
</a-form> </a-form-item>
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="描述">
</a-modal> <a-textarea :rows="2" placeholder="请输入描述" v-decorator.trim="[ 'remark' ]" />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
jshERP-web/src/views/system/modules/UnitModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="700" :title="title"
:visible="visible" :width="700"
:confirmLoading="confirmLoading" :visible="visible"
@ok="handleOk" :confirmLoading="confirmLoading"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭" :maskStyle="{'top':'101px','left':'151px'}"
wrapClassName="ant-modal-cust-warp" :maskClosable="false"
style="top:25%; height:50%; overflow-y:hidden"> @ok="handleOk"
<template slot="footer"> @cancel="handleCancel"
<a-button key="back" v-if="isReadOnly" @click="handleCancel"> cancelText="关闭"
关闭 wrapClassName="ant-modal-cust-warp"
</a-button> style="top:100px; height:50%;overflow-y: hidden">
</template> <template slot="footer">
<a-spin :spinning="confirmLoading"> <a-button key="back" v-if="isReadOnly" @click="handleCancel">
<a-form :form="form" id="unitModal"> 关闭
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="基本单位"> </a-button>
<a-input placeholder="请输入基本单位(小单位)" v-decorator.trim="[ 'basicUnit', validatorRules.basicUnit]" /> </template>
</a-form-item> <a-spin :spinning="confirmLoading">
</a-form> <a-form :form="form" id="unitModal">
<a-form :form="form"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="基本单位">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="副单位"> <a-input placeholder="请输入基本单位(小单位)" v-decorator.trim="[ 'basicUnit', validatorRules.basicUnit]" />
<a-input placeholder="请输入副单位(大单位)" style="width:48%" v-decorator.trim="[ 'otherUnit' ]" /> </a-form-item>
= </a-form>
<a-input suffix="基本单位" placeholder="请输入比例" style="width:48%" v-decorator.trim="[ 'ratio' ]" /> <a-form :form="form">
</a-form-item> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="副单位">
</a-form> <a-input placeholder="请输入副单位(大单位)" style="width:48%" v-decorator.trim="[ 'otherUnit' ]" />
<a-form :form="form"> =
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="副单位2"> <a-input suffix="基本单位" placeholder="请输入比例" style="width:48%" v-decorator.trim="[ 'ratio' ]" />
<a-input placeholder="请输入副单位2(大单位)" style="width:48%" v-decorator.trim="[ 'otherUnitTwo' ]" /> </a-form-item>
= </a-form>
<a-input suffix="基本单位" placeholder="请输入比例2" style="width:48%" v-decorator.trim="[ 'ratioTwo' ]" /> <a-form :form="form">
</a-form-item> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="副单位2">
</a-form> <a-input placeholder="请输入副单位2(大单位)" style="width:48%" v-decorator.trim="[ 'otherUnitTwo' ]" />
<a-form :form="form"> =
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="副单位3"> <a-input suffix="基本单位" placeholder="请输入比例2" style="width:48%" v-decorator.trim="[ 'ratioTwo' ]" />
<a-input placeholder="请输入副单位3(大单位)" style="width:48%" v-decorator.trim="[ 'otherUnitThree' ]" /> </a-form-item>
= </a-form>
<a-input suffix="基本单位" placeholder="请输入比例3" style="width:48%" v-decorator.trim="[ 'ratioThree' ]" /> <a-form :form="form">
</a-form-item> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="副单位3">
</a-form> <a-input placeholder="请输入副单位3(大单位)" style="width:48%" v-decorator.trim="[ 'otherUnitThree' ]" />
</a-spin> =
</a-modal> <a-input suffix="基本单位" placeholder="请输入比例3" style="width:48%" v-decorator.trim="[ 'ratioThree' ]" />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
jshERP-web/src/views/system/modules/UserCustomerModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="800" :title="title"
:visible="visible" :width="800"
:confirmLoading="confirmLoading" :visible="visible"
@ok="handleOk" :confirmLoading="confirmLoading"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭" :maskStyle="{'top':'101px','left':'151px'}"
wrapClassName="ant-modal-cust-warp" :maskClosable="false"
style="top:5%;height: 95%;overflow-y: hidden"> @ok="handleOk"
<a-spin :spinning="confirmLoading"> @cancel="handleCancel"
<div class="drawer-bootom-button"> cancelText="关闭"
<a-dropdown :trigger="['click']" placement="topCenter"> wrapClassName="ant-modal-cust-warp"
<a-menu slot="overlay"> style="top:5%;height: 95%;overflow-y: hidden">
<a-menu-item key="1" @click="switchCheckStrictly(1)">父子关联</a-menu-item> <a-spin :spinning="confirmLoading">
<a-menu-item key="2" @click="switchCheckStrictly(2)">取消关联</a-menu-item> <div class="drawer-bootom-button">
<a-menu-item key="3" @click="checkALL">全部勾选</a-menu-item> <a-dropdown :trigger="['click']" placement="topCenter">
<a-menu-item key="4" @click="cancelCheckALL">取消全选</a-menu-item> <a-menu slot="overlay">
<a-menu-item key="5" @click="expandAll">展开所有</a-menu-item> <a-menu-item key="1" @click="switchCheckStrictly(1)">父子关联</a-menu-item>
<a-menu-item key="6" @click="closeAll">合并所有</a-menu-item> <a-menu-item key="2" @click="switchCheckStrictly(2)">取消关联</a-menu-item>
</a-menu> <a-menu-item key="3" @click="checkALL">全部勾选</a-menu-item>
<a-button> <a-menu-item key="4" @click="cancelCheckALL">取消全选</a-menu-item>
树操作 <a-icon type="up" /> <a-menu-item key="5" @click="expandAll">展开所有</a-menu-item>
</a-button> <a-menu-item key="6" @click="closeAll">合并所有</a-menu-item>
</a-dropdown> </a-menu>
</div> <a-button>
<a-col :md="10" :sm="24"> 树操作 <a-icon type="up" />
<template> </a-button>
<a-tree </a-dropdown>
checkable </div>
multiple <a-col :md="10" :sm="24">
@check="onCheck" <template>
:selectedKeys="selectedKeys" <a-tree
:checkedKeys="checkedKeys" checkable
:treeData="roleFunctionTree" multiple
:checkStrictly="checkStrictly" @check="onCheck"
:expandedKeys="iExpandedKeys" :selectedKeys="selectedKeys"
:autoExpandParent="true" :checkedKeys="checkedKeys"
@expand="onExpand"/> :treeData="roleFunctionTree"
</template> :checkStrictly="checkStrictly"
</a-col> :expandedKeys="iExpandedKeys"
</a-spin> :autoExpandParent="true"
</a-modal> @expand="onExpand"/>
</template>
</a-col>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
jshERP-web/src/views/system/modules/UserDepotModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="800" :title="title"
:visible="visible" :width="800"
:confirmLoading="confirmLoading" :visible="visible"
@ok="handleOk" :confirmLoading="confirmLoading"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭" :maskStyle="{'top':'101px','left':'151px'}"
wrapClassName="ant-modal-cust-warp" :maskClosable="false"
style="top:5%;height: 95%;overflow-y: hidden"> @ok="handleOk"
<a-spin :spinning="confirmLoading"> @cancel="handleCancel"
<div class="drawer-bootom-button"> cancelText="关闭"
<a-dropdown :trigger="['click']" placement="topCenter"> wrapClassName="ant-modal-cust-warp"
<a-menu slot="overlay"> style="top:5%;height: 95%;overflow-y: hidden">
<a-menu-item key="1" @click="switchCheckStrictly(1)">父子关联</a-menu-item> <a-spin :spinning="confirmLoading">
<a-menu-item key="2" @click="switchCheckStrictly(2)">取消关联</a-menu-item> <div class="drawer-bootom-button">
<a-menu-item key="3" @click="checkALL">全部勾选</a-menu-item> <a-dropdown :trigger="['click']" placement="topCenter">
<a-menu-item key="4" @click="cancelCheckALL">取消全选</a-menu-item> <a-menu slot="overlay">
<a-menu-item key="5" @click="expandAll">展开所有</a-menu-item> <a-menu-item key="1" @click="switchCheckStrictly(1)">父子关联</a-menu-item>
<a-menu-item key="6" @click="closeAll">合并所有</a-menu-item> <a-menu-item key="2" @click="switchCheckStrictly(2)">取消关联</a-menu-item>
</a-menu> <a-menu-item key="3" @click="checkALL">全部勾选</a-menu-item>
<a-button> <a-menu-item key="4" @click="cancelCheckALL">取消全选</a-menu-item>
树操作 <a-icon type="up" /> <a-menu-item key="5" @click="expandAll">展开所有</a-menu-item>
</a-button> <a-menu-item key="6" @click="closeAll">合并所有</a-menu-item>
</a-dropdown> </a-menu>
</div> <a-button>
<a-col :md="10" :sm="24"> 树操作 <a-icon type="up" />
<template> </a-button>
<a-tree </a-dropdown>
checkable </div>
multiple <a-col :md="10" :sm="24">
@check="onCheck" <template>
:selectedKeys="selectedKeys" <a-tree
:checkedKeys="checkedKeys" checkable
:treeData="roleFunctionTree" multiple
:checkStrictly="checkStrictly" @check="onCheck"
:expandedKeys="iExpandedKeys" :selectedKeys="selectedKeys"
:autoExpandParent="true" :checkedKeys="checkedKeys"
@expand="onExpand"/> :treeData="roleFunctionTree"
</template> :checkStrictly="checkStrictly"
</a-col> :expandedKeys="iExpandedKeys"
</a-spin> :autoExpandParent="true"
</a-modal> @expand="onExpand"/>
</template>
</a-col>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
jshERP-web/src/views/system/modules/UserModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="800" :title="title"
:visible="visible" :width="800"
:confirmLoading="confirmLoading" :visible="visible"
@ok="handleOk" :confirmLoading="confirmLoading"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭" :maskStyle="{'top':'101px','left':'151px'}"
wrapClassName="ant-modal-cust-warp" :maskClosable="false"
style="top:10%;height: 85%;overflow-y: hidden"> @ok="handleOk"
<template slot="footer"> @cancel="handleCancel"
<a-button key="back" v-if="isReadOnly" @click="handleCancel"> cancelText="关闭"
关闭 wrapClassName="ant-modal-cust-warp"
</a-button> style="top:10%;height: 85%;overflow-y: hidden">
</template> <template slot="footer">
<a-spin :spinning="confirmLoading"> <a-button key="back" v-if="isReadOnly" @click="handleCancel">
<a-form :form="form" id="userModal"> 关闭
<a-form-item label="登录名称" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-button>
<a-input placeholder="请输入登录名称" v-decorator.trim="[ 'loginName', validatorRules.loginName]" :readOnly="!!model.id" </template>
suffix="初始密码：123456" /> <a-spin :spinning="confirmLoading">
</a-form-item> <a-form :form="form" id="userModal">
<a-form-item label="用户姓名" :labelCol="labelCol" :wrapperCol="wrapperCol" > <a-form-item label="登录名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入用户姓名" v-decorator.trim="[ 'username', validatorRules.username]" /> <a-input placeholder="请输入登录名称" v-decorator.trim="[ 'loginName', validatorRules.loginName]" :readOnly="!!model.id"
</a-form-item> suffix="初始密码：123456" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="角色"> </a-form-item>
<a-select v-if="model.roleName!='租户'" placeholder="选择角色" v-decorator="[ 'roleId', validatorRules.roleId]" :dropdownMatchSelectWidth="false"> <a-form-item label="用户姓名" :labelCol="labelCol" :wrapperCol="wrapperCol" >
<a-select-option v-for="(item,index) in roleList" :key="index" :value="item.id"> <a-input placeholder="请输入用户姓名" v-decorator.trim="[ 'username', validatorRules.username]" />
{{ item.name }} </a-form-item>
</a-select-option> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="角色">
</a-select> <a-select v-if="model.roleName!='租户'" placeholder="选择角色" v-decorator="[ 'roleId', validatorRules.roleId]" :dropdownMatchSelectWidth="false">
<a-col v-if="model.roleName=='租户'"><a-row>租户</a-row></a-col> <a-select-option v-for="(item,index) in roleList" :key="index" :value="item.id">
</a-form-item> {{ item.name }}
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="机构"> </a-select-option>
<a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" allow-clear </a-select>
:treeData="orgaTree" v-decorator="[ 'orgaId' ]" placeholder="请选择机构"> <a-col v-if="model.roleName=='租户'"><a-row>租户</a-row></a-col>
</a-tree-select> </a-form-item>
</a-form-item> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="机构">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="职位"> <a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" allow-clear
<a-input placeholder="请输入职位" v-decorator.trim="[ 'position' ]" /> :treeData="orgaTree" v-decorator="[ 'orgaId' ]" placeholder="请选择机构">
</a-form-item> </a-tree-select>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电话号码"> </a-form-item>
<a-input placeholder="请输入电话号码" v-decorator.trim="[ 'phonenum' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="职位">
</a-form-item> <a-input placeholder="请输入职位" v-decorator.trim="[ 'position' ]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电子邮箱"> </a-form-item>
<a-input placeholder="请输入电子邮箱" v-decorator.trim="[ 'email' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电话号码">
</a-form-item> <a-input placeholder="请输入电话号码" v-decorator.trim="[ 'phonenum' ]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> </a-form-item>
<a-input placeholder="请输入排序" v-decorator.trim="[ 'userBlngOrgaDsplSeq' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电子邮箱">
</a-form-item> <a-input placeholder="请输入电子邮箱" v-decorator.trim="[ 'email' ]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="描述"> </a-form-item>
<a-textarea :rows="2" placeholder="请输入描述" v-decorator="[ 'description' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
</a-form-item> <a-input placeholder="请输入排序" v-decorator.trim="[ 'userBlngOrgaDsplSeq' ]" />
</a-form> </a-form-item>
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="描述">
</a-modal> <a-textarea :rows="2" placeholder="请输入描述" v-decorator="[ 'description' ]" />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
jshERP-web/src/views/system/modules/VendorModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="1200" :title="title"
:visible="visible" :width="1200"
:confirmLoading="confirmLoading" :visible="visible"
@ok="handleOk" :confirmLoading="confirmLoading"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭" :maskStyle="{'top':'101px','left':'151px'}"
wrapClassName="ant-modal-cust-warp" :maskClosable="false"
style="top:10%;height: 80%;overflow-y: hidden"> @ok="handleOk"
<template slot="footer"> @cancel="handleCancel"
<a-button key="back" v-if="isReadOnly" @click="handleCancel"> cancelText="关闭"
关闭 wrapClassName="ant-modal-cust-warp"
</a-button> style="top:100px; height: 80%;overflow-y: hidden">
</template> <template slot="footer">
<a-spin :spinning="confirmLoading"> <a-button key="back" v-if="isReadOnly" @click="handleCancel">
<a-form :form="form" id="vendorModal"> 关闭
<a-row class="form-row" :gutter="24"> </a-button>
<a-col :span="24/2"> </template>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称"> <a-spin :spinning="confirmLoading">
<a-input placeholder="请输入名称" v-decorator.trim="[ 'supplier', validatorRules.supplier]" /> <a-form :form="form" id="vendorModal">
</a-form-item> <a-row class="form-row" :gutter="24">
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系人"> <a-input placeholder="请输入名称" v-decorator.trim="[ 'supplier', validatorRules.supplier]" />
<a-input placeholder="请输入联系人" v-decorator.trim="[ 'contacts' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
</a-row> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系人">
<a-row class="form-row" :gutter="24"> <a-input placeholder="请输入联系人" v-decorator.trim="[ 'contacts' ]" />
<a-col :span="24/2"> </a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="手机号码"> </a-col>
<a-input placeholder="请输入手机号码" v-decorator.trim="[ 'telephone' ]" /> </a-row>
</a-form-item> <a-row class="form-row" :gutter="24">
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="手机号码">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系电话"> <a-input placeholder="请输入手机号码" v-decorator.trim="[ 'telephone' ]" />
<a-input placeholder="请输入联系电话" v-decorator.trim="[ 'phoneNum' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系电话">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电子邮箱"> <a-input placeholder="请输入联系电话" v-decorator.trim="[ 'phoneNum' ]" />
<a-input placeholder="请输入电子邮箱" v-decorator.trim="[ 'email' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电子邮箱">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="传真"> <a-input placeholder="请输入电子邮箱" v-decorator.trim="[ 'email' ]" />
<a-input placeholder="请输入传真" v-decorator.trim="[ 'fax' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="传真">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="期初应付"> <a-input placeholder="请输入传真" v-decorator.trim="[ 'fax' ]" />
<a-input placeholder="请输入期初应付" v-decorator.trim="[ 'beginNeedPay' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="期初应付">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="期末应付"> <a-input placeholder="请输入期初应付" v-decorator.trim="[ 'beginNeedPay' ]" />
<a-input v-decorator.trim="[ 'allNeedPay' ]" :readOnly="true" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="期末应付">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="纳税人识别号"> <a-input v-decorator.trim="[ 'allNeedPay' ]" :readOnly="true" />
<a-input placeholder="请输入纳税人识别号" v-decorator.trim="[ 'taxNum' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="纳税人识别号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="税率(%)"> <a-input placeholder="请输入纳税人识别号" v-decorator.trim="[ 'taxNum' ]" />
<a-input-number style="width:100%" placeholder="请输入税率" v-decorator.trim="[ 'taxRate' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="税率(%)">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="开户行"> <a-input-number style="width:100%" placeholder="请输入税率" v-decorator.trim="[ 'taxRate' ]" />
<a-input placeholder="请输入开户行" v-decorator.trim="[ 'bankName' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="开户行">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="账号"> <a-input placeholder="请输入开户行" v-decorator.trim="[ 'bankName' ]" />
<a-input placeholder="请输入账号" v-decorator.trim="[ 'accountNumber' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="账号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="地址"> <a-input placeholder="请输入账号" v-decorator.trim="[ 'accountNumber' ]" />
<a-input placeholder="请输入地址" v-decorator.trim="[ 'address' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="地址">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> <a-input placeholder="请输入地址" v-decorator.trim="[ 'address' ]" />
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
<a-col :span="24/2"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注"> <a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" />
<a-textarea :rows="2" placeholder="请输入备注" v-decorator.trim="[ 'description' ]" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :span="24/2">
</a-row> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注">
</a-form> <a-textarea :rows="2" placeholder="请输入备注" v-decorator.trim="[ 'description' ]" />
</a-spin> </a-form-item>
</a-modal> </a-col>
</a-row>
</a-form>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment