| | |
| | | *ä¸å¡è¯·å¨@/extension/widesea_wcs/order/Dt_SupplierInfo.jsæ¤å¤ç¼å |
| | | --> |
| | | <template> |
| | | <view-grid ref="grid" |
| | | :columns="columns" |
| | | :detail="detail" |
| | | :editFormFields="editFormFields" |
| | | :editFormOptions="editFormOptions" |
| | | :searchFormFields="searchFormFields" |
| | | :searchFormOptions="searchFormOptions" |
| | | :table="table" |
| | | :extend="extend"> |
| | | <view-grid ref="grid" :columns="columns" :detail="detail" :editFormFields="editFormFields" |
| | | :editFormOptions="editFormOptions" :searchFormFields="searchFormFields" :searchFormOptions="searchFormOptions" |
| | | :table="table" :extend="extend"> |
| | | </view-grid> |
| | | </template> |
| | | <script> |
| | | import extend from "@/extension/basic/supplierInfo.js"; |
| | | import { ref, defineComponent } from "vue"; |
| | | export default defineComponent({ |
| | | setup() { |
| | | const table = ref({ |
| | | key: 'id', |
| | | footer: "Foots", |
| | | cnName: 'ä¾åºåä¿¡æ¯', |
| | | name: 'supplierInfo', |
| | | url: "/SupplierInfo/", |
| | | sortName: "id" |
| | | }); |
| | | const editFormFields = ref({}); |
| | | const editFormOptions = ref([ |
| | | |
| | | ]); |
| | | const searchFormFields = ref({}); |
| | | const searchFormOptions = ref([ |
| | | [ |
| | | {title:"ä¾åºåç¼ç ", field:"supplierCode", type:"like"}, |
| | | {title:"ä¾åºååç§°", field:"supplierName", type:"like"}, |
| | | {title:"ä¾åºåç®ç§°", field:"supplierShortName", type:"like"} |
| | | ], |
| | | [ |
| | | {title:"åºåç»ç»", field:"invOrgId", type:"like"}, |
| | | {title:"ç¶æ", field:"status",type:"select",dataKey:"status",data:[]}, |
| | | ] |
| | | ]); |
| | | const columns = ref([{field:'id',title:'主é®',type:'int',width:110,hidden:true,readonly:true,require:true,align:'left'}, |
| | | {field:'supplierCode',title:'ä¾åºåç¼ç ',type:'string',width:110,align:'left',sort:true}, |
| | | {field:'supplierName',title:'ä¾åºååç§°',type:'string',width:180,align:'left'}, |
| | | {field:'supplierShortName',title:'ä¾åºåç®ç§°',type:'string',width:110,align:'left'}, |
| | | {field:'contacts',title:'è系人',type:'string',width:110,align:'left'}, |
| | | {field:'contactNumber',title:'èç³»çµè¯',type:'string',width:110,align:'left'}, |
| | | {field:'contactAddress',title:'èç³»å°å',type:'string',width:180,align:'left'}, |
| | | {field:'email',title:'çµåé®ç®±',type:'string',width:110,align:'left'}, |
| | | {field:'description',title:'æè¿°',type:'string',width:180,align:'left',hidden:true}, |
| | | {field:'invOrgId',title:'åºåç»ç»',type:'string',width:110,align:'left'}, |
| | | {field:'status',title:'ç¶æ',type:'int',width:110,require:true,align:'left',bind: { key: "status", data: [] },}, |
| | | {field:'creater',title:'å建è
',type:'string',width:110,require:true,align:'left'}, |
| | | {field:'createDate',title:'å建æ¶é´',type:'datetime',width:150,require:true,align:'left',sort:true}, |
| | | {field:'modifier',title:'ä¿®æ¹äºº',type:'string',width:100,align:'left',hidden:true}, |
| | | {field:'modifyDate',title:'ä¿®æ¹æ¥æ',type:'datetime',width:150,align:'left',sort:true,hidden:true}]); |
| | | const detail = ref({ |
| | | cnName: "#detailCnName", |
| | | table: "#detailTable", |
| | | columns: [], |
| | | sortName: "", |
| | | key: "" |
| | | }); |
| | | return { |
| | | table, |
| | | extend, |
| | | editFormFields, |
| | | editFormOptions, |
| | | searchFormFields, |
| | | searchFormOptions, |
| | | columns, |
| | | detail, |
| | | }; |
| | | }, |
| | | }); |
| | | import extend from "@/extension/basic/supplierInfo.js"; |
| | | import { ref, defineComponent } from "vue"; |
| | | export default defineComponent({ |
| | | setup() { |
| | | const table = ref({ |
| | | key: 'id', |
| | | footer: "Foots", |
| | | cnName: 'ä¾åºåä¿¡æ¯', |
| | | name: 'supplierInfo', |
| | | url: "/SupplierInfo/", |
| | | sortName: "id" |
| | | }); |
| | | const editFormFields = ref({}); |
| | | const editFormOptions = ref([ |
| | | |
| | | ]); |
| | | const searchFormFields = ref({}); |
| | | const searchFormOptions = ref([ |
| | | [ |
| | | { title: "ä¾åºåç¼ç ", field: "supplierCode", type: "like" }, |
| | | { title: "ä¾åºååç§°", field: "supplierName", type: "like" }, |
| | | { title: "ä¾åºåç®ç§°", field: "supplierShortName", type: "like" } |
| | | ], |
| | | [ |
| | | { title: "åºåç»ç»", field: "invOrgId", type: "like" }, |
| | | { title: "ç¶æ", field: "status", type: "select", dataKey: "status", data: [] }, |
| | | { title: "å建æ¶é´", field: "createDate", type: "datetime" } |
| | | ] |
| | | ]); |
| | | const columns = ref([{ field: 'id', title: '主é®', type: 'int', width: 110, hidden: true, readonly: true, require: true, align: 'left' }, |
| | | { field: 'supplierCode', title: 'ä¾åºåç¼ç ', type: 'string', width: 110, align: 'left', sort: true }, |
| | | { field: 'supplierName', title: 'ä¾åºååç§°', type: 'string', width: 180, align: 'left' }, |
| | | { field: 'supplierShortName', title: 'ä¾åºåç®ç§°', type: 'string', width: 110, align: 'left' }, |
| | | { field: 'contacts', title: 'è系人', type: 'string', width: 110, align: 'left' }, |
| | | { field: 'contactNumber', title: 'èç³»çµè¯', type: 'string', width: 110, align: 'left' }, |
| | | { field: 'contactAddress', title: 'èç³»å°å', type: 'string', width: 180, align: 'left' }, |
| | | { field: 'email', title: 'çµåé®ç®±', type: 'string', width: 110, align: 'left' }, |
| | | { field: 'description', title: 'æè¿°', type: 'string', width: 180, align: 'left', hidden: true }, |
| | | { field: 'invOrgId', title: 'åºåç»ç»', type: 'string', width: 110, align: 'left' }, |
| | | { field: 'status', title: 'ç¶æ', type: 'int', width: 110, require: true, align: 'left', bind: { key: "status", data: [] }, }, |
| | | { field: 'creater', title: 'å建è
', type: 'string', width: 110, require: true, align: 'left' }, |
| | | { field: 'createDate', title: 'å建æ¶é´', type: 'datetime', width: 150, require: true, align: 'left', sort: true }, |
| | | { field: 'modifier', title: 'ä¿®æ¹äºº', type: 'string', width: 100, align: 'left', hidden: true }, |
| | | { field: 'modifyDate', title: 'ä¿®æ¹æ¥æ', type: 'datetime', width: 150, align: 'left', sort: true, hidden: true }]); |
| | | const detail = ref({ |
| | | cnName: "#detailCnName", |
| | | table: "#detailTable", |
| | | columns: [], |
| | | sortName: "", |
| | | key: "" |
| | | }); |
| | | return { |
| | | table, |
| | | extend, |
| | | editFormFields, |
| | | editFormOptions, |
| | | searchFormFields, |
| | | searchFormOptions, |
| | | columns, |
| | | detail, |
| | | }; |
| | | }, |
| | | }); |
| | | </script> |