雷海东 / factory-web · 提交

转到一个项目

作者 雷海东
提交 83b36066e21b7963434dd6627000402413716141 1 个父辈 4f1e0ea0

新

内嵌 并排对比
正在显示 15 个修改的文件 包含 1132 行增加 和 7 行删除
不能预览此文件类型
@@ -9,7 +9,7 @@ @@ -9,7 +9,7 @@
9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input> 9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input>
10 </a-form-item> 10 </a-form-item>
11 </a-col> 11 </a-col>
12 - <a-col :span="12"> 12 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
13 <a-form-item label="客户料号"> 13 <a-form-item label="客户料号">
14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input> 14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input>
15 </a-form-item> 15 </a-form-item>
@@ -9,12 +9,12 @@ @@ -9,12 +9,12 @@
9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input> 9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input>
10 </a-form-item> 10 </a-form-item>
11 </a-col> 11 </a-col>
12 - <a-col :span="12"> 12 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
13 <a-form-item label="客户料号"> 13 <a-form-item label="客户料号">
14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input> 14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input>
15 </a-form-item> 15 </a-form-item>
16 </a-col> 16 </a-col>
17 - <a-col :span="12"> 17 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
18 <a-form-item label="交货日期"> 18 <a-form-item label="交货日期">
19 <j-date v-model="queryParam.deliveryTime" placeholder="请选择交货日期" /> 19 <j-date v-model="queryParam.deliveryTime" placeholder="请选择交货日期" />
20 </a-form-item> 20 </a-form-item>
@@ -9,7 +9,7 @@ @@ -9,7 +9,7 @@
9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input> 9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input>
10 </a-form-item> 10 </a-form-item>
11 </a-col> 11 </a-col>
12 - <a-col :span="12"> 12 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
13 <a-form-item label="客户料号"> 13 <a-form-item label="客户料号">
14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input> 14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input>
15 </a-form-item> 15 </a-form-item>
@@ -9,7 +9,7 @@ @@ -9,7 +9,7 @@
9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input> 9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input>
10 </a-form-item> 10 </a-form-item>
11 </a-col> 11 </a-col>
12 - <a-col :span="12"> 12 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
13 <a-form-item label="客户料号"> 13 <a-form-item label="客户料号">
14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input> 14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input>
15 </a-form-item> 15 </a-form-item>
  1 +<template>
  2 + <a-card :bordered="false">
  3 + <!-- 查询区域 -->
  4 + <div class="table-page-search-wrapper">
  5 + <a-form layout="inline" @keyup.enter.native="searchQuery">
  6 + <a-row :gutter="24">
  7 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
  8 + <a-form-item label="供应商名称">
  9 + <j-input placeholder="请输入供应商名称" v-model="queryParam.supplierName"></j-input>
  10 + </a-form-item>
  11 + </a-col>
  12 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
  13 + <a-form-item label="合同总金额">
  14 + <j-input placeholder="请输入合同总金额" v-model="queryParam.htPrice"></j-input>
  15 + </a-form-item>
  16 + </a-col>
  17 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
  18 + <a-form-item label="购买日期">
  19 + <j-date v-model="queryParam.buyTime" placeholder="请选择购买日期" />
  20 + </a-form-item>
  21 + </a-col>
  22 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
  23 + <span style="float: right; overflow: hidden" class="table-page-search-submitButtons">
  24 + <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
  25 + <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
  26 + </span>
  27 + </a-col>
  28 + </a-row>
  29 + </a-form>
  30 + </div>
  31 + <!-- 查询区域-END -->
  32 +
  33 + <!-- 操作按钮区域 -->
  34 + <div class="table-operator">
  35 + <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
  36 + <a-button type="primary" icon="download" @click="handleExportXls('tbl_trad_return')">导出</a-button>
  37 + <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
  38 + <a-button type="primary" icon="import">导入</a-button>
  39 + </a-upload>
  40 + <!-- 高级查询区域 -->
  41 + <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
  42 + <a-dropdown v-if="selectedRowKeys.length > 0">
  43 + <a-menu slot="overlay">
  44 + <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
  45 + </a-menu>
  46 + <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
  47 + </a-dropdown>
  48 + </div>
  49 +
  50 + <!-- table区域-begin -->
  51 + <div>
  52 + <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
  53 + <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
  54 + <a style="margin-left: 24px" @click="onClearSelected">清空</a>
  55 + </div>
  56 +
  57 + <a-table
  58 + ref="table"
  59 + size="middle"
  60 + :scroll="{x:true}"
  61 + bordered
  62 + rowKey="id"
  63 + :columns="columns"
  64 + :dataSource="dataSource"
  65 + :pagination="ipagination"
  66 + :loading="loading"
  67 + :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
  68 + class="j-table-force-nowrap"
  69 + @change="handleTableChange">
  70 +
  71 + <template slot="htmlSlot" slot-scope="text">
  72 + <div v-html="text"></div>
  73 + </template>
  74 + <template slot="imgSlot" slot-scope="text,record">
  75 + <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
  76 + <img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
  77 + </template>
  78 + <template slot="fileSlot" slot-scope="text">
  79 + <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
  80 + <a-button
  81 + v-else
  82 + :ghost="true"
  83 + type="primary"
  84 + icon="download"
  85 + size="small"
  86 + @click="downloadFile(text)">
  87 + 下载
  88 + </a-button>
  89 + </template>
  90 +
  91 + <span slot="action" slot-scope="text, record">
  92 + <a @click="handleEdit(record)">编辑</a>
  93 +
  94 + <a-divider type="vertical" />
  95 + <a-dropdown>
  96 + <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
  97 + <a-menu slot="overlay">
  98 + <a-menu-item>
  99 + <a @click="handleDetail(record)">详情</a>
  100 + </a-menu-item>
  101 + <a-menu-item>
  102 + <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
  103 + <a>删除</a>
  104 + </a-popconfirm>
  105 + </a-menu-item>
  106 + </a-menu>
  107 + </a-dropdown>
  108 + </span>
  109 +
  110 + </a-table>
  111 + </div>
  112 +
  113 + <tbl-trad-return-modal ref="modalForm" @ok="modalFormOk"></tbl-trad-return-modal>
  114 + </a-card>
  115 +</template>
  116 +
  117 +<script>
  118 +
  119 + import '@/assets/less/TableExpand.less'
  120 + import { mixinDevice } from '@/utils/mixin'
  121 + import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  122 + import TblTradReturnModal from './modules/return/TblTradReturnModal'
  123 +
  124 + export default {
  125 + name: 'TblTradReturnList',
  126 + mixins:[JeecgListMixin, mixinDevice],
  127 + components: {
  128 + TblTradReturnModal
  129 + },
  130 + data () {
  131 + return {
  132 + description: 'tbl_trad_return管理页面',
  133 + // 表头
  134 + columns: [
  135 + {
  136 + title: '序号',
  137 + dataIndex: '',
  138 + key:'rowIndex',
  139 + width:60,
  140 + align:"center",
  141 + customRender:function (t,r,index) {
  142 + return parseInt(index)+1;
  143 + }
  144 + },
  145 + {
  146 + title:'供应商名称',
  147 + align:"center",
  148 + dataIndex: 'supplierName'
  149 + },
  150 + {
  151 + title:'购买日期',
  152 + align:"center",
  153 + dataIndex: 'buyTime',
  154 + customRender:function (text) {
  155 + return !text?"":(text.length>10?text.substr(0,10):text)
  156 + }
  157 + },
  158 + {
  159 + title:'合同总金额',
  160 + align:"center",
  161 + dataIndex: 'htPrice'
  162 + },
  163 + {
  164 + title:'本次付款金额',
  165 + align:"center",
  166 + dataIndex: 'price'
  167 + },
  168 + {
  169 + title:'本次比例',
  170 + align:"center",
  171 + dataIndex: 'benBili'
  172 + },
  173 + {
  174 + title:'已付比例',
  175 + align:"center",
  176 + dataIndex: 'fuBili'
  177 + },
  178 + {
  179 + title:'招标号',
  180 + align:"center",
  181 + dataIndex: 'tenderNumber'
  182 + },
  183 + {
  184 + title:'物品名称',
  185 + align:"center",
  186 + dataIndex: 'name'
  187 + },
  188 + {
  189 + title:'发票号',
  190 + align:"center",
  191 + dataIndex: 'fpNumber'
  192 + },
  193 + {
  194 + title:'开票日期',
  195 + align:"center",
  196 + dataIndex: 'kaiTime',
  197 + customRender:function (text) {
  198 + return !text?"":(text.length>10?text.substr(0,10):text)
  199 + }
  200 + },
  201 + {
  202 + title:'票面金额',
  203 + align:"center",
  204 + dataIndex: 'piaoPrice'
  205 + },
  206 + {
  207 + title:'票面税额',
  208 + align:"center",
  209 + dataIndex: 'piaoTax'
  210 + },
  211 + {
  212 + title:'价税合计',
  213 + align:"center",
  214 + dataIndex: 'totalPrice'
  215 + },
  216 + {
  217 + title:'发票票种',
  218 + align:"center",
  219 + dataIndex: 'piaoType'
  220 + },
  221 + {
  222 + title:'备注',
  223 + align:"center",
  224 + dataIndex: 'notes'
  225 + },
  226 + {
  227 + title: '操作',
  228 + dataIndex: 'action',
  229 + align:"center",
  230 + fixed:"right",
  231 + width:147,
  232 + scopedSlots: { customRender: 'action' }
  233 + }
  234 + ],
  235 + url: {
  236 + list: "/trad/tblTradReturn/list",
  237 + delete: "/trad/tblTradReturn/delete",
  238 + deleteBatch: "/trad/tblTradReturn/deleteBatch",
  239 + exportXlsUrl: "/trad/tblTradReturn/exportXls",
  240 + importExcelUrl: "trad/tblTradReturn/importExcel",
  241 +
  242 + },
  243 + dictOptions:{},
  244 + superFieldList:[],
  245 + }
  246 + },
  247 + created() {
  248 + this.getSuperFieldList();
  249 + },
  250 + computed: {
  251 + importExcelUrl: function(){
  252 + return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
  253 + },
  254 + },
  255 + methods: {
  256 + initDictConfig(){
  257 + },
  258 + getSuperFieldList(){
  259 + let fieldList=[];
  260 + fieldList.push({type:'string',value:'supplierName',text:'供应商名称'})
  261 + fieldList.push({type:'date',value:'buyTime',text:'购买日期'})
  262 + fieldList.push({type:'number',value:'htPrice',text:'合同总金额'})
  263 + fieldList.push({type:'number',value:'price',text:'本次付款金额'})
  264 + fieldList.push({type:'string',value:'benBili',text:'本次比例'})
  265 + fieldList.push({type:'string',value:'fuBili',text:'已付比例'})
  266 + fieldList.push({type:'string',value:'tenderNumber',text:'招标号'})
  267 + fieldList.push({type:'string',value:'name',text:'物品名称'})
  268 + fieldList.push({type:'string',value:'fpNumber',text:'发票号'})
  269 + fieldList.push({type:'date',value:'kaiTime',text:'开票日期'})
  270 + fieldList.push({type:'number',value:'piaoPrice',text:'票面金额'})
  271 + fieldList.push({type:'string',value:'piaoTax',text:'票面税额'})
  272 + fieldList.push({type:'number',value:'totalPrice',text:'价税合计'})
  273 + fieldList.push({type:'string',value:'piaoType',text:'发票票种'})
  274 + fieldList.push({type:'string',value:'notes',text:'备注'})
  275 + this.superFieldList = fieldList
  276 + }
  277 + }
  278 + }
  279 +</script>
  280 +<style scoped>
  281 + @import '~@assets/less/common.less';
  282 +</style>
  1 +<template>
  2 + <a-card :bordered="false">
  3 + <!-- 查询区域 -->
  4 + <div class="table-page-search-wrapper">
  5 + <a-form layout="inline" @keyup.enter.native="searchQuery">
  6 + <a-row :gutter="24">
  7 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
  8 + <a-form-item label="公司名称名称">
  9 + <j-input placeholder="请输入公司名称" v-model="queryParam.companyName"></j-input>
  10 + </a-form-item>
  11 + </a-col>
  12 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
  13 + <a-form-item label="联系人">
  14 + <j-input placeholder="请输入联系人" v-model="queryParam.contacts"></j-input>
  15 + </a-form-item>
  16 + </a-col>
  17 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
  18 + <span style="float: right; overflow: hidden" class="table-page-search-submitButtons">
  19 + <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
  20 + <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
  21 + </span>
  22 + </a-col>
  23 + </a-row>
  24 + </a-form>
  25 + </div>
  26 + <!-- 查询区域-END -->
  27 +
  28 + <!-- 操作按钮区域 -->
  29 + <div class="table-operator">
  30 + <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
  31 + <a-button type="primary" icon="download" @click="handleExportXls('tbl_trad_supplier')">导出</a-button>
  32 + <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
  33 + <a-button type="primary" icon="import">导入</a-button>
  34 + </a-upload>
  35 + <!-- 高级查询区域 -->
  36 + <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
  37 + <a-dropdown v-if="selectedRowKeys.length > 0">
  38 + <a-menu slot="overlay">
  39 + <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
  40 + </a-menu>
  41 + <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
  42 + </a-dropdown>
  43 + </div>
  44 +
  45 + <!-- table区域-begin -->
  46 + <div>
  47 + <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
  48 + <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
  49 + <a style="margin-left: 24px" @click="onClearSelected">清空</a>
  50 + </div>
  51 +
  52 + <a-table
  53 + ref="table"
  54 + size="middle"
  55 + :scroll="{x:true}"
  56 + bordered
  57 + rowKey="id"
  58 + :columns="columns"
  59 + :dataSource="dataSource"
  60 + :pagination="ipagination"
  61 + :loading="loading"
  62 + :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
  63 + class="j-table-force-nowrap"
  64 + @change="handleTableChange">
  65 +
  66 + <template slot="htmlSlot" slot-scope="text">
  67 + <div v-html="text"></div>
  68 + </template>
  69 + <template slot="imgSlot" slot-scope="text,record">
  70 + <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
  71 + <img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
  72 + </template>
  73 + <template slot="fileSlot" slot-scope="text">
  74 + <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
  75 + <a-button
  76 + v-else
  77 + :ghost="true"
  78 + type="primary"
  79 + icon="download"
  80 + size="small"
  81 + @click="downloadFile(text)">
  82 + 下载
  83 + </a-button>
  84 + </template>
  85 +
  86 + <span slot="action" slot-scope="text, record">
  87 + <a @click="handleEdit(record)">编辑</a>
  88 +
  89 + <a-divider type="vertical" />
  90 + <a-dropdown>
  91 + <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
  92 + <a-menu slot="overlay">
  93 + <a-menu-item>
  94 + <a @click="handleDetail(record)">详情</a>
  95 + </a-menu-item>
  96 + <a-menu-item>
  97 + <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
  98 + <a>删除</a>
  99 + </a-popconfirm>
  100 + </a-menu-item>
  101 + </a-menu>
  102 + </a-dropdown>
  103 + </span>
  104 +
  105 + </a-table>
  106 + </div>
  107 +
  108 + <tbl-trad-supplier-modal ref="modalForm" @ok="modalFormOk"></tbl-trad-supplier-modal>
  109 + </a-card>
  110 +</template>
  111 +
  112 +<script>
  113 +
  114 + import '@/assets/less/TableExpand.less'
  115 + import { mixinDevice } from '@/utils/mixin'
  116 + import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  117 + import TblTradSupplierModal from './modules/supplier/TblTradSupplierModal'
  118 +
  119 + export default {
  120 + name: 'TblTradSupplierList',
  121 + mixins:[JeecgListMixin, mixinDevice],
  122 + components: {
  123 + TblTradSupplierModal
  124 + },
  125 + data () {
  126 + return {
  127 + description: 'tbl_trad_supplier管理页面',
  128 + // 表头
  129 + columns: [
  130 + {
  131 + title: '序号',
  132 + dataIndex: '',
  133 + key:'rowIndex',
  134 + width:60,
  135 + align:"center",
  136 + customRender:function (t,r,index) {
  137 + return parseInt(index)+1;
  138 + }
  139 + },
  140 + {
  141 + title:'公司名称',
  142 + align:"center",
  143 + dataIndex: 'companyName'
  144 + },
  145 + {
  146 + title:'纳税人识别号',
  147 + align:"center",
  148 + dataIndex: 'taxpayerNumber'
  149 + },
  150 + {
  151 + title:'地址',
  152 + align:"center",
  153 + dataIndex: 'address'
  154 + },
  155 + {
  156 + title:'开户行名称',
  157 + align:"center",
  158 + dataIndex: 'bankName'
  159 + },
  160 + {
  161 + title:'银行联号',
  162 + align:"center",
  163 + dataIndex: 'bankNumber'
  164 + },
  165 + {
  166 + title:'账号',
  167 + align:"center",
  168 + dataIndex: 'account'
  169 + },
  170 + {
  171 + title:'联系人',
  172 + align:"center",
  173 + dataIndex: 'contacts'
  174 + },
  175 + {
  176 + title:'联系电话',
  177 + align:"center",
  178 + dataIndex: 'phone'
  179 + },
  180 + {
  181 + title: '操作',
  182 + dataIndex: 'action',
  183 + align:"center",
  184 + fixed:"right",
  185 + width:147,
  186 + scopedSlots: { customRender: 'action' }
  187 + }
  188 + ],
  189 + url: {
  190 + list: "/trad/tblTradSupplier/list",
  191 + delete: "/trad/tblTradSupplier/delete",
  192 + deleteBatch: "/trad/tblTradSupplier/deleteBatch",
  193 + exportXlsUrl: "/trad/tblTradSupplier/exportXls",
  194 + importExcelUrl: "trad/tblTradSupplier/importExcel",
  195 +
  196 + },
  197 + dictOptions:{},
  198 + superFieldList:[],
  199 + }
  200 + },
  201 + created() {
  202 + this.getSuperFieldList();
  203 + },
  204 + computed: {
  205 + importExcelUrl: function(){
  206 + return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
  207 + },
  208 + },
  209 + methods: {
  210 + initDictConfig(){
  211 + },
  212 + getSuperFieldList(){
  213 + let fieldList=[];
  214 + fieldList.push({type:'string',value:'companyName',text:'公司名称'})
  215 + fieldList.push({type:'string',value:'taxpayerNumber',text:'纳税人识别号'})
  216 + fieldList.push({type:'string',value:'address',text:'地址'})
  217 + fieldList.push({type:'string',value:'bankName',text:'开户行名称'})
  218 + fieldList.push({type:'string',value:'bankNumber',text:'银行联号'})
  219 + fieldList.push({type:'string',value:'account',text:'账号'})
  220 + fieldList.push({type:'string',value:'contacts',text:'联系人'})
  221 + fieldList.push({type:'string',value:'phone',text:'联系电话'})
  222 + this.superFieldList = fieldList
  223 + }
  224 + }
  225 + }
  226 +</script>
  227 +<style scoped>
  228 + @import '~@assets/less/common.less';
  229 +</style>
@@ -9,7 +9,7 @@ @@ -9,7 +9,7 @@
9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input> 9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input>
10 </a-form-item> 10 </a-form-item>
11 </a-col> 11 </a-col>
12 - <a-col :span="12"> 12 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
13 <a-form-item label="客户料号"> 13 <a-form-item label="客户料号">
14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input> 14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input>
15 </a-form-item> 15 </a-form-item>
@@ -9,7 +9,7 @@ @@ -9,7 +9,7 @@
9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input> 9 <j-input placeholder="请输入招标号" v-model="queryParam.tenderNumber"></j-input>
10 </a-form-item> 10 </a-form-item>
11 </a-col> 11 </a-col>
12 - <a-col :span="12"> 12 + <a-col :xl="6" :lg="7" :md="8" :sm="24">
13 <a-form-item label="客户料号"> 13 <a-form-item label="客户料号">
14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input> 14 <j-input placeholder="请输入客户料号" v-model="queryParam.partNumber"></j-input>
15 </a-form-item> 15 </a-form-item>
  1 +<template>
  2 + <a-spin :spinning="confirmLoading">
  3 + <j-form-container :disabled="formDisabled">
  4 + <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
  5 + <a-row>
  6 + <a-col :span="24">
  7 + <a-form-model-item label="供应商名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="supplierName">
  8 + <a-input v-model="model.supplierName" placeholder="请输入供应商名称"></a-input>
  9 + </a-form-model-item>
  10 + </a-col>
  11 + <a-col :span="24">
  12 + <a-form-model-item label="购买日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="buyTime">
  13 + <j-date placeholder="请选择购买日期" v-model="model.buyTime" style="width: 100%" />
  14 + </a-form-model-item>
  15 + </a-col>
  16 + <a-col :span="24">
  17 + <a-form-model-item label="合同总金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="htPrice">
  18 + <a-input-number v-model="model.htPrice" placeholder="请输入合同总金额" style="width: 100%" />
  19 + </a-form-model-item>
  20 + </a-col>
  21 + <a-col :span="24">
  22 + <a-form-model-item label="本次付款金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
  23 + <a-input-number v-model="model.price" placeholder="请输入本次付款金额" style="width: 100%" />
  24 + </a-form-model-item>
  25 + </a-col>
  26 + <a-col :span="24">
  27 + <a-form-model-item label="本次比例" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="benBili">
  28 + <a-input v-model="model.benBili" placeholder="请输入本次比例"></a-input>
  29 + </a-form-model-item>
  30 + </a-col>
  31 + <a-col :span="24">
  32 + <a-form-model-item label="已付比例" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fuBili">
  33 + <a-input v-model="model.fuBili" placeholder="请输入已付比例"></a-input>
  34 + </a-form-model-item>
  35 + </a-col>
  36 + <a-col :span="24">
  37 + <a-form-model-item label="招标号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tenderNumber">
  38 + <a-input v-model="model.tenderNumber" placeholder="请输入招标号"></a-input>
  39 + </a-form-model-item>
  40 + </a-col>
  41 + <a-col :span="24">
  42 + <a-form-model-item label="物品名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="name">
  43 + <a-input v-model="model.name" placeholder="请输入物品名称"></a-input>
  44 + </a-form-model-item>
  45 + </a-col>
  46 + <a-col :span="24">
  47 + <a-form-model-item label="发票号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fpNumber">
  48 + <a-input v-model="model.fpNumber" placeholder="请输入发票号"></a-input>
  49 + </a-form-model-item>
  50 + </a-col>
  51 + <a-col :span="24">
  52 + <a-form-model-item label="开票日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kaiTime">
  53 + <j-date placeholder="请选择开票日期" v-model="model.kaiTime" style="width: 100%" />
  54 + </a-form-model-item>
  55 + </a-col>
  56 + <a-col :span="24">
  57 + <a-form-model-item label="票面金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="piaoPrice">
  58 + <a-input-number v-model="model.piaoPrice" placeholder="请输入票面金额" style="width: 100%" />
  59 + </a-form-model-item>
  60 + </a-col>
  61 + <a-col :span="24">
  62 + <a-form-model-item label="票面税额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="piaoTax">
  63 + <a-input v-model="model.piaoTax" placeholder="请输入票面税额"></a-input>
  64 + </a-form-model-item>
  65 + </a-col>
  66 + <a-col :span="24">
  67 + <a-form-model-item label="价税合计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="totalPrice">
  68 + <a-input-number v-model="model.totalPrice" placeholder="请输入价税合计" style="width: 100%" />
  69 + </a-form-model-item>
  70 + </a-col>
  71 + <a-col :span="24">
  72 + <a-form-model-item label="发票票种" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="piaoType">
  73 + <a-input v-model="model.piaoType" placeholder="请输入发票票种"></a-input>
  74 + </a-form-model-item>
  75 + </a-col>
  76 + <a-col :span="24">
  77 + <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="notes">
  78 + <a-input v-model="model.notes" placeholder="请输入备注"></a-input>
  79 + </a-form-model-item>
  80 + </a-col>
  81 + </a-row>
  82 + </a-form-model>
  83 + </j-form-container>
  84 + </a-spin>
  85 +</template>
  86 +
  87 +<script>
  88 +import { httpAction, getAction } from '@/api/manage'
  89 +import { validateDuplicateValue } from '@/utils/util'
  90 +
  91 +export default {
  92 + name: 'TblTradReturnForm',
  93 + components: {},
  94 + props: {
  95 + //表单禁用
  96 + disabled: {
  97 + type: Boolean,
  98 + default: false,
  99 + required: false,
  100 + },
  101 + },
  102 + data() {
  103 + return {
  104 + model: {},
  105 + labelCol: {
  106 + xs: { span: 24 },
  107 + sm: { span: 5 },
  108 + },
  109 + wrapperCol: {
  110 + xs: { span: 24 },
  111 + sm: { span: 16 },
  112 + },
  113 + confirmLoading: false,
  114 + validatorRules: {
  115 + tenderNumber: [{ required: true, message: '请输入招标号!' }],
  116 + supplierName: [{ required: true, message: '请输入供应商名称!' }],
  117 + buyTime: [{ required: true, message: '请选择购买日期!' }],
  118 + htPrice: [{ required: true, message: '请输入合同总金额!' }],
  119 + price: [{ required: true, message: '请输入本次付款金额!' }],
  120 + benBili: [{ required: true, message: '请输入本次比例!' }],
  121 + fuBili: [{ required: true, message: '请输入已付比例!' }],
  122 + name: [{ required: true, message: '请输入物品名称!' }],
  123 + piaoType: [{ required: true, message: '请输入发票票种!' }],
  124 + },
  125 + url: {
  126 + add: '/trad/tblTradReturn/add',
  127 + edit: '/trad/tblTradReturn/edit',
  128 + queryById: '/trad/tblTradReturn/queryById',
  129 + },
  130 + }
  131 + },
  132 + computed: {
  133 + formDisabled() {
  134 + return this.disabled
  135 + },
  136 + },
  137 + created() {
  138 + //备份model原始值
  139 + this.modelDefault = JSON.parse(JSON.stringify(this.model))
  140 + },
  141 + methods: {
  142 + add() {
  143 + this.edit(this.modelDefault)
  144 + },
  145 + edit(record) {
  146 + this.model = Object.assign({}, record)
  147 + this.visible = true
  148 + },
  149 + submitForm() {
  150 + const that = this
  151 + // 触发表单验证
  152 + this.$refs.form.validate((valid) => {
  153 + if (valid) {
  154 + that.confirmLoading = true
  155 + let httpurl = ''
  156 + let method = ''
  157 + if (!this.model.id) {
  158 + httpurl += this.url.add
  159 + method = 'post'
  160 + } else {
  161 + httpurl += this.url.edit
  162 + method = 'put'
  163 + }
  164 + httpAction(httpurl, this.model, method)
  165 + .then((res) => {
  166 + if (res.success) {
  167 + that.$message.success(res.message)
  168 + that.$emit('ok')
  169 + } else {
  170 + that.$message.warning(res.message)
  171 + }
  172 + })
  173 + .finally(() => {
  174 + that.confirmLoading = false
  175 + })
  176 + }
  177 + })
  178 + },
  179 + },
  180 +}
  181 +</script>
  1 +<template>
  2 + <a-drawer
  3 + :title="title"
  4 + :width="width"
  5 + placement="right"
  6 + :closable="false"
  7 + @close="close"
  8 + destroyOnClose
  9 + :visible="visible">
  10 + <tbl-trad-return-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></tbl-trad-return-form>
  11 + <div class="drawer-footer">
  12 + <a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
  13 + <a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
  14 + </div>
  15 + </a-drawer>
  16 +</template>
  17 +
  18 +<script>
  19 +
  20 + import TblTradReturnForm from './TblTradReturnForm'
  21 +
  22 + export default {
  23 + name: 'TblTradReturnModal',
  24 + components: {
  25 + TblTradReturnForm
  26 + },
  27 + data () {
  28 + return {
  29 + title:"操作",
  30 + width:800,
  31 + visible: false,
  32 + disableSubmit: false
  33 + }
  34 + },
  35 + methods: {
  36 + add () {
  37 + this.visible=true
  38 + this.$nextTick(()=>{
  39 + this.$refs.realForm.add();
  40 + })
  41 + },
  42 + edit (record) {
  43 + this.visible=true
  44 + this.$nextTick(()=>{
  45 + this.$refs.realForm.edit(record);
  46 + });
  47 + },
  48 + close () {
  49 + this.$emit('close');
  50 + this.visible = false;
  51 + },
  52 + submitCallback(){
  53 + this.$emit('ok');
  54 + this.visible = false;
  55 + },
  56 + handleOk () {
  57 + this.$refs.realForm.submitForm();
  58 + },
  59 + handleCancel () {
  60 + this.close()
  61 + }
  62 + }
  63 + }
  64 +</script>
  65 +
  66 +<style lang="less" scoped>
  67 +/** Button按钮间距 */
  68 + .ant-btn {
  69 + margin-left: 30px;
  70 + margin-bottom: 30px;
  71 + float: right;
  72 + }
  73 + .drawer-footer{
  74 + position: absolute;
  75 + bottom: -8px;
  76 + width: 100%;
  77 + border-top: 1px solid #e8e8e8;
  78 + padding: 10px 16px;
  79 + text-align: right;
  80 + left: 0;
  81 + background: #fff;
  82 + border-radius: 0 0 2px 2px;
  83 + }
  84 +</style>
  1 +<template>
  2 + <j-modal
  3 + :title="title"
  4 + :width="width"
  5 + :visible="visible"
  6 + switchFullscreen
  7 + @ok="handleOk"
  8 + :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
  9 + @cancel="handleCancel"
  10 + cancelText="关闭">
  11 + <tbl-trad-return-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></tbl-trad-return-form>
  12 + </j-modal>
  13 +</template>
  14 +
  15 +<script>
  16 +
  17 + import TblTradReturnForm from './TblTradReturnForm'
  18 + export default {
  19 + name: 'TblTradReturnModal',
  20 + components: {
  21 + TblTradReturnForm
  22 + },
  23 + data () {
  24 + return {
  25 + title:'',
  26 + width:800,
  27 + visible: false,
  28 + disableSubmit: false
  29 + }
  30 + },
  31 + methods: {
  32 + add () {
  33 + this.visible=true
  34 + this.$nextTick(()=>{
  35 + this.$refs.realForm.add();
  36 + })
  37 + },
  38 + edit (record) {
  39 + this.visible=true
  40 + this.$nextTick(()=>{
  41 + this.$refs.realForm.edit(record);
  42 + })
  43 + },
  44 + close () {
  45 + this.$emit('close');
  46 + this.visible = false;
  47 + },
  48 + handleOk () {
  49 + this.$refs.realForm.submitForm();
  50 + },
  51 + submitCallback(){
  52 + this.$emit('ok');
  53 + this.visible = false;
  54 + },
  55 + handleCancel () {
  56 + this.close()
  57 + }
  58 + }
  59 + }
  60 +</script>
  1 +<template>
  2 + <a-spin :spinning="confirmLoading">
  3 + <j-form-container :disabled="formDisabled">
  4 + <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
  5 + <a-row>
  6 + <a-col :span="24">
  7 + <a-form-model-item label="公司名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="companyName">
  8 + <a-input v-model="model.companyName" placeholder="请输入公司名称"></a-input>
  9 + </a-form-model-item>
  10 + </a-col>
  11 + <a-col :span="24">
  12 + <a-form-model-item label="纳税人识别号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="taxpayerNumber">
  13 + <a-input v-model="model.taxpayerNumber" placeholder="请输入纳税人识别号"></a-input>
  14 + </a-form-model-item>
  15 + </a-col>
  16 + <a-col :span="24">
  17 + <a-form-model-item label="地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="address">
  18 + <a-input v-model="model.address" placeholder="请输入地址"></a-input>
  19 + </a-form-model-item>
  20 + </a-col>
  21 + <a-col :span="24">
  22 + <a-form-model-item label="开户行名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bankName">
  23 + <a-input v-model="model.bankName" placeholder="请输入开户行名称"></a-input>
  24 + </a-form-model-item>
  25 + </a-col>
  26 + <a-col :span="24">
  27 + <a-form-model-item label="银行联号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bankNumber">
  28 + <a-input v-model="model.bankNumber" placeholder="请输入银行联号"></a-input>
  29 + </a-form-model-item>
  30 + </a-col>
  31 + <a-col :span="24">
  32 + <a-form-model-item label="账号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="account">
  33 + <a-input v-model="model.account" placeholder="请输入账号"></a-input>
  34 + </a-form-model-item>
  35 + </a-col>
  36 + <a-col :span="24">
  37 + <a-form-model-item label="联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="contacts">
  38 + <a-input v-model="model.contacts" placeholder="请输入联系人"></a-input>
  39 + </a-form-model-item>
  40 + </a-col>
  41 + <a-col :span="24">
  42 + <a-form-model-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="phone">
  43 + <a-input v-model="model.phone" placeholder="请输入联系电话"></a-input>
  44 + </a-form-model-item>
  45 + </a-col>
  46 + </a-row>
  47 + </a-form-model>
  48 + </j-form-container>
  49 + </a-spin>
  50 +</template>
  51 +
  52 +<script>
  53 +import { httpAction, getAction } from '@/api/manage'
  54 +import { validateDuplicateValue } from '@/utils/util'
  55 +
  56 +export default {
  57 + name: 'TblTradSupplierForm',
  58 + components: {},
  59 + props: {
  60 + //表单禁用
  61 + disabled: {
  62 + type: Boolean,
  63 + default: false,
  64 + required: false,
  65 + },
  66 + },
  67 + data() {
  68 + return {
  69 + model: {},
  70 + labelCol: {
  71 + xs: { span: 24 },
  72 + sm: { span: 5 },
  73 + },
  74 + wrapperCol: {
  75 + xs: { span: 24 },
  76 + sm: { span: 16 },
  77 + },
  78 + confirmLoading: false,
  79 + validatorRules: {
  80 + companyName: [{ required: true, message: '请输入公司名称!' }],
  81 + taxpayerNumber: [{ required: true, message: '请输入纳税人识别号!' }],
  82 + address: [{ required: true, message: '请输入地址!' }],
  83 + bankName: [{ required: true, message: '请输入开户行名称!' }],
  84 + bankNumber: [{ required: true, message: '请输入银行联号!' }],
  85 + account: [{ required: true, message: '请输入账号!' }],
  86 + contacts: [{ required: true, message: '请输入联系人!' }],
  87 + phone: [{ required: true, message: '请输入联系电话!' }],
  88 + },
  89 + url: {
  90 + add: '/trad/tblTradSupplier/add',
  91 + edit: '/trad/tblTradSupplier/edit',
  92 + queryById: '/trad/tblTradSupplier/queryById',
  93 + },
  94 + }
  95 + },
  96 + computed: {
  97 + formDisabled() {
  98 + return this.disabled
  99 + },
  100 + },
  101 + created() {
  102 + //备份model原始值
  103 + this.modelDefault = JSON.parse(JSON.stringify(this.model))
  104 + },
  105 + methods: {
  106 + add() {
  107 + this.edit(this.modelDefault)
  108 + },
  109 + edit(record) {
  110 + this.model = Object.assign({}, record)
  111 + this.visible = true
  112 + },
  113 + submitForm() {
  114 + const that = this
  115 + // 触发表单验证
  116 + this.$refs.form.validate((valid) => {
  117 + if (valid) {
  118 + that.confirmLoading = true
  119 + let httpurl = ''
  120 + let method = ''
  121 + if (!this.model.id) {
  122 + httpurl += this.url.add
  123 + method = 'post'
  124 + } else {
  125 + httpurl += this.url.edit
  126 + method = 'put'
  127 + }
  128 + httpAction(httpurl, this.model, method)
  129 + .then((res) => {
  130 + if (res.success) {
  131 + that.$message.success(res.message)
  132 + that.$emit('ok')
  133 + } else {
  134 + that.$message.warning(res.message)
  135 + }
  136 + })
  137 + .finally(() => {
  138 + that.confirmLoading = false
  139 + })
  140 + }
  141 + })
  142 + },
  143 + },
  144 +}
  145 +</script>
  1 +<template>
  2 + <a-drawer
  3 + :title="title"
  4 + :width="width"
  5 + placement="right"
  6 + :closable="false"
  7 + @close="close"
  8 + destroyOnClose
  9 + :visible="visible">
  10 + <tbl-trad-supplier-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></tbl-trad-supplier-form>
  11 + <div class="drawer-footer">
  12 + <a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
  13 + <a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
  14 + </div>
  15 + </a-drawer>
  16 +</template>
  17 +
  18 +<script>
  19 +
  20 + import TblTradSupplierForm from './TblTradSupplierForm'
  21 +
  22 + export default {
  23 + name: 'TblTradSupplierModal',
  24 + components: {
  25 + TblTradSupplierForm
  26 + },
  27 + data () {
  28 + return {
  29 + title:"操作",
  30 + width:800,
  31 + visible: false,
  32 + disableSubmit: false
  33 + }
  34 + },
  35 + methods: {
  36 + add () {
  37 + this.visible=true
  38 + this.$nextTick(()=>{
  39 + this.$refs.realForm.add();
  40 + })
  41 + },
  42 + edit (record) {
  43 + this.visible=true
  44 + this.$nextTick(()=>{
  45 + this.$refs.realForm.edit(record);
  46 + });
  47 + },
  48 + close () {
  49 + this.$emit('close');
  50 + this.visible = false;
  51 + },
  52 + submitCallback(){
  53 + this.$emit('ok');
  54 + this.visible = false;
  55 + },
  56 + handleOk () {
  57 + this.$refs.realForm.submitForm();
  58 + },
  59 + handleCancel () {
  60 + this.close()
  61 + }
  62 + }
  63 + }
  64 +</script>
  65 +
  66 +<style lang="less" scoped>
  67 +/** Button按钮间距 */
  68 + .ant-btn {
  69 + margin-left: 30px;
  70 + margin-bottom: 30px;
  71 + float: right;
  72 + }
  73 + .drawer-footer{
  74 + position: absolute;
  75 + bottom: -8px;
  76 + width: 100%;
  77 + border-top: 1px solid #e8e8e8;
  78 + padding: 10px 16px;
  79 + text-align: right;
  80 + left: 0;
  81 + background: #fff;
  82 + border-radius: 0 0 2px 2px;
  83 + }
  84 +</style>
  1 +<template>
  2 + <j-modal
  3 + :title="title"
  4 + :width="width"
  5 + :visible="visible"
  6 + switchFullscreen
  7 + @ok="handleOk"
  8 + :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
  9 + @cancel="handleCancel"
  10 + cancelText="关闭">
  11 + <tbl-trad-supplier-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></tbl-trad-supplier-form>
  12 + </j-modal>
  13 +</template>
  14 +
  15 +<script>
  16 +
  17 + import TblTradSupplierForm from './TblTradSupplierForm'
  18 + export default {
  19 + name: 'TblTradSupplierModal',
  20 + components: {
  21 + TblTradSupplierForm
  22 + },
  23 + data () {
  24 + return {
  25 + title:'',
  26 + width:800,
  27 + visible: false,
  28 + disableSubmit: false
  29 + }
  30 + },
  31 + methods: {
  32 + add () {
  33 + this.visible=true
  34 + this.$nextTick(()=>{
  35 + this.$refs.realForm.add();
  36 + })
  37 + },
  38 + edit (record) {
  39 + this.visible=true
  40 + this.$nextTick(()=>{
  41 + this.$refs.realForm.edit(record);
  42 + })
  43 + },
  44 + close () {
  45 + this.$emit('close');
  46 + this.visible = false;
  47 + },
  48 + handleOk () {
  49 + this.$refs.realForm.submitForm();
  50 + },
  51 + submitCallback(){
  52 + this.$emit('ok');
  53 + this.visible = false;
  54 + },
  55 + handleCancel () {
  56 + this.close()
  57 + }
  58 + }
  59 + }
  60 +</script>