| | |
| | | <a-form layout="inline"> |
| | | <a-row :gutter="48"> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="客户编号"> |
| | | <a-input v-model="queryParam.custCode" allow-clear placeholder="请输入客户编号"/> |
| | | <a-form-item label="编号"> |
| | | <a-input v-model="queryParam.custCode" allow-clear placeholder="请输入编号"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="客户中文名称"> |
| | | <a-input v-model="queryParam.custChinaName" allow-clear placeholder="请输入客户中文名称"/> |
| | | <a-form-item label="中文名称"> |
| | | <a-input v-model="queryParam.custChinaName" allow-clear placeholder="请输入中文名称"/> |
| | | </a-form-item> |
| | | </a-col><template v-if="advanced"> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="客户英文名称"> |
| | | <a-input v-model="queryParam.custEnglishName" allow-clear placeholder="请输入客户英文名称"/> |
| | | <a-form-item label="英文名称"> |
| | | <a-input v-model="queryParam.custEnglishName" allow-clear placeholder="请输入英文名称"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | |
| | | </a-form-item> |
| | | </a-col><a-col :md="8" :sm="24"> |
| | | <a-form-item label="类型"> |
| | | <a-input-number v-model="queryParam.custType" style="width: 100%" allow-clear placeholder="请输入类型"/> |
| | | <a-select :allowClear="true" style="width: 100%" v-model="queryParam.custType" placeholder="请选择类型"> |
| | | <a-select-option v-for="(item,index) in custTypeData" :key="index" :value="item.code">{{ item.name }}</a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="类型名称"> |
| | | <a-input v-model="queryParam.custTypeName" allow-clear placeholder="请输入类型名称"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="联系人"> |
| | | <a-input v-model="queryParam.linkMan" allow-clear placeholder="请输入联系人"/> |
| | | </a-form-item> |
| | |
| | | <a-form-item label="地址"> |
| | | <a-input v-model="queryParam.address" allow-clear placeholder="请输入地址"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="是否禁用"> |
| | | <a-select :allowClear="true" style="width: 100%" v-model="queryParam.isDisabled" placeholder="请选择是否禁用"> |
| | |
| | | <!--年月日时分秒--> |
| | | <!--时间范围--> |
| | | |
| | | <a-col :md="8" :sm="24"> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="创建时间"> |
| | | <a-range-picker style="width: 100%" :placeholder="['开始时间', '结束时间']" :show-time="{ |
| | | format: 'HH:mm:ss', defaultValue: [moment('00:00:00', 'HH:mm:ss'),moment('23:59:59', 'HH:mm:ss')]}" v-model="queryParam.createdTime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" @change="onChangecreatedTime"/> |
| | | |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <!--年月日时分秒--> |
| | | <!--时间范围--> |
| | | |
| | | <a-col :md="8" :sm="24"> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="更新时间"> |
| | | <a-range-picker style="width: 100%" :placeholder="['开始时间', '结束时间']" :show-time="{ |
| | | format: 'HH:mm:ss', defaultValue: [moment('00:00:00', 'HH:mm:ss'),moment('23:59:59', 'HH:mm:ss')]}" v-model="queryParam.updatedTime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" @change="onChangeupdatedTime"/> |
| | | |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="创建者名称"> |
| | | <a-input v-model="queryParam.createdUserName" allow-clear placeholder="请输入创建者名称"/> |
| | | <a-form-item label="创建人"> |
| | | <a-input v-model="queryParam.createdUserName" allow-clear placeholder="请输入创建人"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="修改者名称"> |
| | | <a-input v-model="queryParam.updatedUserName" allow-clear placeholder="请输入修改者名称"/> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="修改人"> |
| | | <a-input v-model="queryParam.updatedUserName" allow-clear placeholder="请输入修改人"/> |
| | | </a-form-item> |
| | | </a-col> </template> |
| | | </a-col> --> |
| | | </template> |
| | | |
| | | <a-col :md="8" :sm="24" > |
| | | <span class="table-page-search-submitButtons"> |
| | |
| | | <a-button type="info" v-if="hasPerm('BaseCustomer:exportExcel')" icon="download" @click="BaseCustomerToExcel()"> |
| | | 导出 |
| | | </a-button> |
| | | <a-button type="primary" v-if="hasPerm('BaseCustomer:add')" icon="plus" @click="$refs.addForm.add()">新增客户档案</a-button> |
| | | <a-button type="primary" v-if="hasPerm('BaseCustomer:add')" icon="plus" @click="$refs.addForm.add()">新增往来单位</a-button> |
| | | </div> |
| | | </template> |
| | | <span slot="custTypescopedSlots" slot-scope="text"> |
| | | {{ 'base_customer_type' | dictType(text) }} |
| | | </span> |
| | | <span slot="isDisabledscopedSlots" slot-scope="text"> |
| | | <div v-if="text===true "> |
| | | <a-tag color="green">是</a-tag> |
| | |
| | | customRender: (text, record, index) => `${index + 1 + (this.pageInfo.current - 1) * this.pageInfo.pageSize}` |
| | | }, |
| | | { |
| | | title: '客户编号', |
| | | title: '编号', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | |
| | | dataIndex: 'custCode' |
| | | }, |
| | | { |
| | | title: '客户中文名称', |
| | | title: '中文名称', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | |
| | | dataIndex: 'custChinaName' |
| | | }, |
| | | { |
| | | title: '客户英文名称', |
| | | title: '英文名称', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '80px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | customCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '80px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'custType' |
| | | }, |
| | | { |
| | | title: '类型名称', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'custTypeName' |
| | | dataIndex: 'custType', |
| | | scopedSlots: { customRender: 'custTypescopedSlots' } |
| | | }, |
| | | { |
| | | title: '联系人', |
| | |
| | | dataIndex: 'updatedTime' |
| | | }, |
| | | { |
| | | title: '创建者名称', |
| | | title: '创建人', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | |
| | | dataIndex: 'createdUserName' |
| | | }, |
| | | { |
| | | title: '修改者名称', |
| | | title: '修改人', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | |
| | | return res.data |
| | | }) |
| | | }, |
| | | custTypeData: [], |
| | | selectedRowKeys: [], |
| | | selectedRows: [] |
| | | } |
| | |
| | | } |
| | | }); |
| | | } |
| | | const custTypeOption = this.$options |
| | | this.custTypeData = custTypeOption.filters['dictData']('base_customer_type') |
| | | const isDisabledOption = this.$options |
| | | this.isDisabledData = isDisabledOption.filters['dictData']('yes_true_false') |
| | | |