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/material/modules/MaterialAttributeModal.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: 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"> 关闭
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="属性名"> </a-button>
<a-input placeholder="请输入属性名" v-decorator.trim="[ 'attributeName', validatorRules.attributeName]" /> </template>
</a-form-item> <a-spin :spinning="confirmLoading">
</a-form> <a-form :form="form">
<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="[ 'attributeName', validatorRules.attributeName]" />
<a-textarea :rows="2" placeholder="请输入属性值（用竖线隔开）" v-decorator.trim="[ 'attributeValue', validatorRules.attributeValue]" /> </a-form-item>
</a-form-item> </a-form>
</a-form> <a-form :form="form">
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="属性值">
</a-modal> <a-textarea :rows="2" placeholder="请输入属性值（用竖线隔开）" v-decorator.trim="[ 'attributeValue', validatorRules.attributeValue]" />
</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/material/modules/MaterialCategoryModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="800" :title="title"
:ok=false :width="800"
:visible="visible" :ok=false
:confirmLoading="confirmLoading" :visible="visible"
:okButtonProps="{ props: {disabled: disableSubmit} }" :confirmLoading="confirmLoading"
@ok="handleOk" :okButtonProps="{ props: {disabled: disableSubmit} }"
@cancel="handleCancel" :getContainer="() => $refs.container"
cancelText="关闭"> :maskStyle="{'top':'101px','left':'151px'}"
:maskClosable="false"
<a-spin :spinning="confirmLoading"> @ok="handleOk"
<a-form :form="form"> @cancel="handleCancel"
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称"> wrapClassName="ant-modal-cust-warp"
<a-input placeholder="请输入名称" v-decorator="['name', validatorRules.name ]"/> style="top:100px;height: 50%;overflow-y: hidden"
</a-form-item> cancelText="关闭">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="编号"> <a-spin :spinning="confirmLoading">
<a-input placeholder="请输入编号" v-decorator="['serialNo', validatorRules.serialNo ]"/> <a-form :form="form">
</a-form-item> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上级目录"> <a-input placeholder="请输入名称" v-decorator="['name', validatorRules.name ]"/>
<a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" </a-form-item>
allow-clear :treeDefaultExpandAll="true" <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="编号">
:treeData="categoryTree" v-decorator="[ 'parentId' ]" placeholder="请选择上级目录"> <a-input placeholder="请输入编号" v-decorator="['serialNo', validatorRules.serialNo ]"/>
</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'}"
<a-input-number v-decorator="[ 'sort' ]"/> allow-clear :treeDefaultExpandAll="true"
</a-form-item> :treeData="categoryTree" v-decorator="[ 'parentId' ]" placeholder="请选择上级目录">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注"> </a-tree-select>
<a-textarea placeholder="请输入备注":rows="2" v-decorator.trim="[ 'remark' ]" /> </a-form-item>
</a-form-item> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
</a-form> <a-input-number v-decorator="[ 'sort' ]"/>
</a-spin> </a-form-item>
</a-modal> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注">
<a-textarea placeholder="请输入备注":rows="2" v-decorator.trim="[ 'remark' ]" />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
......
jshERP-web/src/views/material/modules/MaterialModal.vue
View file @ f1631507
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
cancelText="关闭" cancelText="关闭"
wrapClassName="ant-modal-material-warp" wrapClassName="ant-modal-material-warp"
:id="prefixNo" :id="prefixNo"
style="top:5%;height: 100%;overflow-y: hidden"> style="top:20px;height: 95%;overflow-y: hidden">
<template slot="footer"> <template slot="footer">
<a-button key="back" v-if="isReadOnly" @click="handleCancel"> <a-button key="back" v-if="isReadOnly" @click="handleCancel">
关闭 关闭
......
jshERP-web/src/views/material/modules/MaterialPropertyModal.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: 70%;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="[ 'nativeName' ]" :readOnly="model.id"/> style="top:20%;height: 70%;overflow-y: hidden">
</a-form-item> <a-spin :spinning="confirmLoading">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="是否启用"> <a-form :form="form">
<a-switch checked-children="启用" un-checked-children="禁用" v-model="enabledSwitch" @change="onChange"></a-switch> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
</a-form-item> <a-input placeholder="请输入名称" v-decorator.trim="[ 'nativeName' ]" :readOnly="model.id"/>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> </a-form-item>
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort', validatorRules.sort]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="是否启用">
</a-form-item> <a-switch checked-children="启用" un-checked-children="禁用" v-model="enabledSwitch" @change="onChange"></a-switch>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="别名"> </a-form-item>
<a-input placeholder="请输入别名" v-decorator.trim="[ 'anotherName' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
</a-form-item> <a-input placeholder="请输入排序" v-decorator.trim="[ 'sort', validatorRules.sort]" />
</a-form> </a-form-item>
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="别名">
</a-modal> <a-input placeholder="请输入别名" v-decorator.trim="[ 'anotherName' ]" />
</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/report/modules/AccountInOutList.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="1000" :title="title"
:visible="visible" :width="1000"
@cancel="handleCancel" :visible="visible"
cancelText="关闭" :getContainer="() => $refs.container"
wrapClassName="ant-modal-cust-warp" :maskStyle="{'top':'101px','left':'151px'}"
style="top:5%;height: 100%;overflow-y: hidden"> :maskClosable="false"
<template slot="footer"> @cancel="handleCancel"
<a-button key="back" @click="handleCancel">取消</a-button> cancelText="关闭"
</template> wrapClassName="ant-modal-cust-warp"
<!-- table区域-begin --> style="top:20px;height: 95%;overflow-y: hidden">
<a-table <template slot="footer">
bordered <a-button key="back" @click="handleCancel">取消</a-button>
ref="table" </template>
size="middle" <!-- table区域-begin -->
rowKey="id" <a-table
:columns="columns" bordered
:dataSource="dataSource" ref="table"
:pagination="ipagination" size="middle"
:loading="loading" rowKey="id"
@change="handleTableChange"> :columns="columns"
<span slot="numberCustomRender" slot-scope="text, record"> :dataSource="dataSource"
<a @click="myHandleDetail(record)">{{record.number}}</a> :pagination="ipagination"
</span> :loading="loading"
</a-table> @change="handleTableChange">
<!-- table区域-end --> <span slot="numberCustomRender" slot-scope="text, record">
<!-- 表单区域 --> <a @click="myHandleDetail(record)">{{record.number}}</a>
<bill-detail ref="billDetail"></bill-detail> </span>
<financial-detail ref="financialDetail"></financial-detail> </a-table>
</a-modal> <!-- table区域-end -->
<!-- 表单区域 -->
<bill-detail ref="billDetail"></bill-detail>
<financial-detail ref="financialDetail"></financial-detail>
</a-modal>
</div>
</template> </template>
<script> <script>
import BillDetail from '../../bill/dialog/BillDetail' import BillDetail from '../../bill/dialog/BillDetail'
......
jshERP-web/src/views/report/modules/DebtAccountList.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="1250" :title="title"
:visible="visible" :width="1250"
@cancel="handleCancel" :visible="visible"
cancelText="关闭" :getContainer="() => $refs.container"
wrapClassName="ant-modal-cust-warp" :maskStyle="{'top':'101px','left':'151px'}"
style="top:5%;height: 100%;overflow-y: hidden"> :maskClosable="false"
<template slot="footer"> @cancel="handleCancel"
<a-button key="back" @click="handleCancel">取消</a-button> cancelText="关闭"
</template> wrapClassName="ant-modal-cust-warp"
<!-- 查询区域 --> style="top:20px;height: 95%;overflow-y: hidden">
<div class="table-page-search-wrapper"> <template slot="footer">
<!-- 搜索区域 --> <a-button key="back" @click="handleCancel">取消</a-button>
<a-form layout="inline" @keyup.enter.native="searchQuery"> </template>
<a-row :gutter="24"> <!-- 查询区域 -->
<a-col :md="6" :sm="8"> <div class="table-page-search-wrapper">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <!-- 搜索区域 -->
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-form layout="inline" @keyup.enter.native="searchQuery">
</a-form-item> <a-row :gutter="24">
</a-col> <a-col :md="6" :sm="8">
<a-col :md="6" :sm="8"> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-input placeholder="请输入名称、规格、型号" v-model="queryParam.materialParam"></a-input> </a-form-item>
</a-form-item>
</a-col>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24">
<a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" v-print="'#debtAccountPrint'" icon="printer">打印</a-button>
<a-button style="margin-left: 8px" @click="exportExcel" icon="download">导出</a-button>
</a-col> </a-col>
<a-col :md="6" :sm="8">
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-input placeholder="请输入名称、规格、型号" v-model="queryParam.materialParam"></a-input>
</a-form-item>
</a-col>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24">
<a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" v-print="'#debtAccountPrint'" icon="printer">打印</a-button>
<a-button style="margin-left: 8px" @click="exportExcel" icon="download">导出</a-button>
</a-col>
</span>
</a-row>
</a-form>
</div>
<!-- table区域-begin -->
<section ref="debtPrint" id="debtAccountPrint">
<a-table
bordered
ref="table"
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="false"
:loading="loading"
@change="handleTableChange">
<span slot="numberCustomRender" slot-scope="text, record">
<a @click="myHandleDetail(record)">{{record.number}}</a>
</span>
<span slot="customTitle">
实际欠款
<a-tooltip title="实际欠款=本单欠款-退货单欠款（主要针对存在退货的情况）">
<a-icon type="question-circle" />
</a-tooltip>
</span> </span>
</a-row> </a-table>
</a-form> </section>
</div> <!-- table区域-end -->
<!-- table区域-begin --> <!-- 表单区域 -->
<section ref="debtPrint" id="debtAccountPrint"> <bill-detail ref="modalDetail"></bill-detail>
<a-table </a-modal>
bordered </div>
ref="table"
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="false"
:loading="loading"
@change="handleTableChange">
<span slot="numberCustomRender" slot-scope="text, record">
<a @click="myHandleDetail(record)">{{record.number}}</a>
</span>
<span slot="customTitle">
实际欠款
<a-tooltip title="实际欠款=本单欠款-退货单欠款（主要针对存在退货的情况）">
<a-icon type="question-circle" />
</a-tooltip>
</span>
</a-table>
</section>
<!-- table区域-end -->
<!-- 表单区域 -->
<bill-detail ref="modalDetail"></bill-detail>
</a-modal>
</template> </template>
<script> <script>
......
jshERP-web/src/views/report/modules/MaterialInOutList.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="1250" :title="title"
:visible="visible" :width="1250"
@cancel="handleCancel" :visible="visible"
cancelText="关闭" :getContainer="() => $refs.container"
wrapClassName="ant-modal-cust-warp" :maskStyle="{'top':'101px','left':'151px'}"
style="top:5%;height: 100%;overflow-y: hidden"> :maskClosable="false"
<template slot="footer"> @cancel="handleCancel"
<a-button key="back" @click="handleCancel">取消</a-button> cancelText="关闭"
</template> wrapClassName="ant-modal-cust-warp"
<!-- table区域-begin --> style="top:20px;height: 95%;overflow-y: hidden">
<a-table <template slot="footer">
bordered <a-button key="back" @click="handleCancel">取消</a-button>
ref="table" </template>
size="middle" <!-- table区域-begin -->
rowKey="id" <a-table
:columns="columns" bordered
:dataSource="dataSource" ref="table"
:pagination="ipagination" size="middle"
:loading="loading" rowKey="id"
@change="handleTableChange"> :columns="columns"
<span slot="numberCustomRender" slot-scope="text, record"> :dataSource="dataSource"
<a @click="myHandleDetail(record)">{{record.number}}</a> :pagination="ipagination"
</span> :loading="loading"
</a-table> @change="handleTableChange">
<!-- table区域-end --> <span slot="numberCustomRender" slot-scope="text, record">
<!-- 表单区域 --> <a @click="myHandleDetail(record)">{{record.number}}</a>
<bill-detail ref="billDetail"></bill-detail> </span>
</a-modal> </a-table>
<!-- table区域-end -->
<!-- 表单区域 -->
<bill-detail ref="billDetail"></bill-detail>
</a-modal>
</div>
</template> </template>
<script> <script>
import BillDetail from '../../bill/dialog/BillDetail' import BillDetail from '../../bill/dialog/BillDetail'
......
jshERP-web/src/views/system/modules/AccountModal.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: 65%;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: 65%;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="accountModal"> 关闭
<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="accountModal">
<a-input placeholder="请输入编号" v-decorator.trim="[ 'serialNo', validatorRules.serialNo]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
</a-form-item> <a-input placeholder="请输入名称" v-decorator.trim="[ 'name', validatorRules.name]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="期初金额"> </a-form-item>
<a-input placeholder="请输入期初金额" v-decorator.trim="[ 'initialAmount' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="编号">
</a-form-item> <a-input placeholder="请输入编号" v-decorator.trim="[ 'serialNo', validatorRules.serialNo]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="当前余额"> </a-form-item>
<a-input placeholder="请输入当前余额" :read-only="true" v-decorator.trim="[ 'currentAmount' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="期初金额">
</a-form-item> <a-input placeholder="请输入期初金额" v-decorator.trim="[ 'initialAmount' ]" />
<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-input placeholder="请输入当前余额" :read-only="true" v-decorator.trim="[ 'currentAmount' ]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注"> </a-form-item>
<a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
</a-form-item> <a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" />
</a-form> </a-form-item>
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注">
</a-modal> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ '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/CustomerModal.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:10%;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="customerModal"> 关闭
<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="customerModal">
</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="[ 'beginNeedGet' ]" /> </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="[ 'beginNeedGet' ]" />
<a-input v-decorator.trim="[ 'allNeedGet' ]" :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="[ 'allNeedGet' ]" :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'
......
jshERP-web/src/views/system/modules/DepotModal.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:15%;height: 70%;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:15%;height: 70%;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="depotModal"> 关闭
<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="depotModal">
<a-input placeholder="请输入仓库地址" v-decorator.trim="[ 'address' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="仓库名称">
</a-form-item> <a-input placeholder="请输入仓库名称" v-decorator.trim="[ 'name', validatorRules.name]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="仓储费"> </a-form-item>
<a-input placeholder="请输入仓储费" v-decorator.trim="[ 'warehousing' ]" suffix="元/天/KG"/> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="仓库地址">
</a-form-item> <a-input placeholder="请输入仓库地址" v-decorator.trim="[ 'address' ]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="搬运费"> </a-form-item>
<a-input placeholder="请输入搬运费" v-decorator.trim="[ 'truckage' ]" suffix="元"/> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="仓储费">
</a-form-item> <a-input placeholder="请输入仓储费" v-decorator.trim="[ 'warehousing' ]" suffix="元/天/KG"/>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="负责人"> </a-form-item>
<a-select placeholder="选择负责人" v-decorator="[ 'principal' ]" :dropdownMatchSelectWidth="false"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="搬运费">
<a-select-option v-for="(item,index) in userList" :key="index" :value="item.id"> <a-input placeholder="请输入搬运费" v-decorator.trim="[ 'truckage' ]" suffix="元"/>
{{ item.userName }} </a-form-item>
</a-select-option> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="负责人">
</a-select> <a-select placeholder="选择负责人" v-decorator="[ 'principal' ]" :dropdownMatchSelectWidth="false">
</a-form-item> <a-select-option v-for="(item,index) in userList" :key="index" :value="item.id">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> {{ item.userName }}
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" /> </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> <a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" />
</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/FunctionModal.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: 90%;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: 90%;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="functionModal"> 关闭
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="编号"> </a-button>
<a-input placeholder="请输入编号" v-decorator.trim="[ 'number', validatorRules.number]" /> </template>
</a-form-item> <a-spin :spinning="confirmLoading">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称"> <a-form :form="form" id="functionModal">
<a-input placeholder="请输入名称" v-decorator.trim="[ 'name', validatorRules.name]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="编号">
</a-form-item> <a-input placeholder="请输入编号" v-decorator.trim="[ 'number', validatorRules.number]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上级编号"> </a-form-item>
<a-input-search placeholder="请选择上级编号" v-decorator.trim="[ 'parentNumber', validatorRules.parentNumber ]" <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
@search="onSearchParentNumber" :readOnly="true" /> <a-input placeholder="请输入名称" v-decorator.trim="[ 'name', validatorRules.name]" />
</a-form-item> </a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上级名称"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上级编号">
<a-input v-decorator.trim="[ 'parentName' ]" :readOnly="true" /> <a-input-search placeholder="请选择上级编号" v-decorator.trim="[ 'parentNumber', validatorRules.parentNumber ]"
</a-form-item> @search="onSearchParentNumber" :readOnly="true" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="链接"> </a-form-item>
<a-input placeholder="请输入链接" v-decorator.trim="[ 'url', validatorRules.url ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上级名称">
</a-form-item> <a-input v-decorator.trim="[ 'parentName' ]" :readOnly="true" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="组件"> </a-form-item>
<a-input placeholder="请输入组件" v-decorator.trim="[ 'component', validatorRules.component ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="链接">
</a-form-item> <a-input placeholder="请输入链接" v-decorator.trim="[ 'url', validatorRules.url ]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> </a-form-item>
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort', validatorRules.sort ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="组件">
</a-form-item> <a-input placeholder="请输入组件" v-decorator.trim="[ 'component', validatorRules.component ]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="功能按钮"> </a-form-item>
<j-select-multiple placeholder="请选择功能按钮" v-model="jselectMultiple.value" :options="jselectMultiple.options"/> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
</a-form-item> <a-input placeholder="请输入排序" v-decorator.trim="[ 'sort', validatorRules.sort ]" />
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="图标"> </a-form-item>
<a-input placeholder="请输入图标" v-decorator.trim="[ 'icon', validatorRules.icon ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="功能按钮">
</a-form-item> <j-select-multiple placeholder="请选择功能按钮" v-model="jselectMultiple.value" :options="jselectMultiple.options"/>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="是否启用"> </a-form-item>
<a-switch checked-children="启用" un-checked-children="禁用" v-model="enabledSwitch" @change="onChange"/> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="图标">
</a-form-item> <a-input placeholder="请输入图标" v-decorator.trim="[ 'icon', validatorRules.icon ]" />
</a-form> </a-form-item>
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="是否启用">
<function-tree-modal ref="functionTreeModal" @ok="functionTreeModalOk"></function-tree-modal> <a-switch checked-children="启用" un-checked-children="禁用" v-model="enabledSwitch" @change="onChange"/>
</a-modal> </a-form-item>
</a-form>
</a-spin>
<function-tree-modal ref="functionTreeModal" @ok="functionTreeModalOk"></function-tree-modal>
</a-modal>
</div>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
......
jshERP-web/src/views/system/modules/FunctionTreeModal.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"
@cancel="handleCancel" :confirmLoading="confirmLoading"
cancelText="关闭" :getContainer="() => $refs.container"
wrapClassName="ant-modal-cust-warp" :maskStyle="{'top':'101px','left':'151px'}"
style="top:10%;height: 90%;overflow-y: hidden"> :maskClosable="false"
<template slot="footer"> @cancel="handleCancel"
<a-button key="back" @click="handleCancel"> cancelText="关闭"
关闭 wrapClassName="ant-modal-cust-warp"
</a-button> style="top:10%;height: 90%;overflow-y: hidden">
</template> <template slot="footer">
<a-spin :spinning="confirmLoading"> <a-button key="back" @click="handleCancel">
<a-col :md="10" :sm="24"> 关闭
<template> </a-button>
<a-tree </template>
multiple <a-spin :spinning="confirmLoading">
@select='onSelect' <a-col :md="10" :sm="24">
:selectedKeys="selectedKeys" <template>
:checkedKeys="checkedKeys" <a-tree
:treeData="roleFunctionTree" multiple
:checkStrictly="checkStrictly" @select='onSelect'
:expandedKeys="iExpandedKeys" :selectedKeys="selectedKeys"
:autoExpandParent="true" /> :checkedKeys="checkedKeys"
</template> :treeData="roleFunctionTree"
</a-col> :checkStrictly="checkStrictly"
</a-spin> :expandedKeys="iExpandedKeys"
</a-modal> :autoExpandParent="true" />
</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/InOutItemModal.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: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:25%;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="inOutItemModal"> 关闭
<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="inOutItemModal">
<a-select placeholder="请选择类型" v-decorator="[ 'type', validatorRules.type]"> <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> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="类型">
</a-form-item> <a-select placeholder="请选择类型" v-decorator="[ 'type', validatorRules.type]">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> <a-select-option value="收入">收入</a-select-option>
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" /> <a-select-option value="支出">支出</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="[ 'remark' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
</a-form-item> <a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" />
</a-form> </a-form-item>
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注">
</a-modal> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ '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/MemberModal.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: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="memberModal"> 关闭
<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="memberModal">
</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="[ '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'
......
jshERP-web/src/views/system/modules/OrganizationModal.vue
View file @ f1631507
<template> <template>
<a-modal <div ref="container">
:title="title" <a-modal
:width="800" :title="title"
:ok=false :width="800"
:visible="visible" :ok=false
:confirmLoading="confirmLoading" :visible="visible"
:okButtonProps="{ props: {disabled: disableSubmit} }" :confirmLoading="confirmLoading"
@ok="handleOk" :getContainer="() => $refs.container"
@cancel="handleCancel" :maskStyle="{'top':'101px','left':'151px'}"
cancelText="关闭"> :maskClosable="false"
:okButtonProps="{ props: {disabled: disableSubmit} }"
<a-spin :spinning="confirmLoading"> @ok="handleOk"
<a-form :form="form" id="organizationModal"> @cancel="handleCancel"
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称"> cancelText="关闭"
<a-input placeholder="请输入名称" v-decorator="['orgAbr', validatorRules.orgAbr ]"/> wrapClassName="ant-modal-cust-warp"
</a-form-item> style="top:50px;height: 80%;overflow-y: hidden">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="编号"> <a-spin :spinning="confirmLoading">
<a-input placeholder="请输入编号" v-decorator="['orgNo', validatorRules.orgNo ]"/> <a-form :form="form" id="organizationModal">
</a-form-item> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上级机构"> <a-input placeholder="请输入名称" v-decorator="['orgAbr', validatorRules.orgAbr ]"/>
<a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" </a-form-item>
allow-clear :treeDefaultExpandAll="true" <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="编号">
:treeData="departTree" v-decorator="[ 'parentId' ]" placeholder="请选择上级机构"> <a-input placeholder="请输入编号" v-decorator="['orgNo', validatorRules.orgNo ]"/>
</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'}"
<a-input-number v-decorator="[ 'sort' ]"/> allow-clear :treeDefaultExpandAll="true"
</a-form-item> :treeData="departTree" v-decorator="[ 'parentId' ]" placeholder="请选择上级机构">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注"> </a-tree-select>
<a-textarea placeholder="请输入备注":rows="2" v-decorator.trim="[ 'remark' ]" /> </a-form-item>
</a-form-item> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
</a-form> <a-input-number v-decorator="[ 'sort' ]"/>
</a-spin> </a-form-item>
</a-modal> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注">
<a-textarea placeholder="请输入备注":rows="2" v-decorator.trim="[ 'remark' ]" />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
</div>
</template> </template>
<script> <script>
...@@ -165,5 +171,5 @@ ...@@ -165,5 +171,5 @@
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less'
</style> </style>
\ No newline at end of file
jshERP-web/src/views/system/modules/PersonModal.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:30%;height: 45%;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:30%;height: 45%;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="personModal"> 关闭
<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="personModal">
<a-select placeholder="请选择类型" v-decorator="[ 'type', validatorRules.type]"> <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]">
</a-form-item> <a-select-option value="业务员">业务员</a-select-option>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序"> <a-select-option value="仓管员">仓管员</a-select-option>
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" /> <a-select-option value="财务员">财务员</a-select-option>
</a-form-item> </a-select>
</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/PlatformConfigModal.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:30%;height: 40%;overflow-y: hidden"> @ok="handleOk"
<a-spin :spinning="confirmLoading"> @cancel="handleCancel"
<a-form :form="form" id="platformConfigModal"> cancelText="关闭"
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="配置名称"> wrapClassName="ant-modal-cust-warp"
<a-input placeholder="请输入配置名称" v-decorator.trim="[ 'platformKeyInfo' ]" :readOnly="true" /> style="top:30%;height: 40%;overflow-y: hidden">
</a-form-item> <a-spin :spinning="confirmLoading">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="配置值"> <a-form :form="form" id="platformConfigModal">
<a-input placeholder="请输入配置值" v-decorator.trim="[ 'platformValue' ]" /> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="配置名称">
</a-form-item> <a-input placeholder="请输入配置名称" v-decorator.trim="[ 'platformKeyInfo' ]" :readOnly="true" />
</a-form> </a-form-item>
</a-spin> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="配置值">
</a-modal> <a-input placeholder="请输入配置值" v-decorator.trim="[ 'platformValue' ]" />
</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/PluginAppModal.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:25%;height: 50%;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 v-decorator.trim="[ 'platformKey' ]" :readOnly="true"/> style="top:25%;height: 50%;overflow-y: hidden">
</a-form-item> <a-spin :spinning="confirmLoading">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="手机端激活码"> <a-form :form="form">
<a-textarea :rows="2" placeholder="请输入手机端激活码" v-decorator="[ 'platformValue' ]"/> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="机器码">
</a-form-item> <a-input v-decorator.trim="[ 'platformKey' ]" :readOnly="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="[ 'platformValue' ]"/>
</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/PluginModal.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:25%;height: 50%;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 v-decorator.trim="[ 'platformKey' ]" :readOnly="true"/> style="top:25%;height: 50%;overflow-y: hidden">
</a-form-item> <a-spin :spinning="confirmLoading">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="插件激活码"> <a-form :form="form">
<a-textarea :rows="2" placeholder="请输入插件激活码" v-decorator="[ 'platformValue' ]"/> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="机器码">
</a-form-item> <a-input v-decorator.trim="[ 'platformKey' ]" :readOnly="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="[ 'platformValue' ]"/>
</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/RoleFunctionModal.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="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'
......
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