123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422 |
- <template>
- <div id="deliveryAddressList">
- <div v-if="isList">
- <el-form class="search_area" label-width="120px">
- <el-row :gutter="10">
- <el-col :span="1.5">
- <el-form-item label="仓库属性">
- <el-select clearable v-model="queryParams.warehouseProperty" size="small" style="width: 200px">
- <el-option v-for="dict in dict.type.sys_warehouse_attribute" :key="dict.value" :label="dict.label" :value="dict.value">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="仓库档案名称">
- <el-select clearable size="small" v-model="queryParams.warehouseName" @focus="chooseRefer('WAREHOUSE_PARAM', true, '仓库档案名称')" style="width: 200px">
- <el-option v-for="item in houseOptions" :key="item.id" :label="item.name" :value="item.name" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="收货仓库编码">
- <el-input
- v-model="queryParams.code"
- size="small"
- clearable
- style="width: 200px"
- />
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="收货仓库名称">
- <el-input
- v-model="queryParams.name"
- size="small"
- clearable
- style="width: 200px"
- />
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="" label-width="20px">
- <el-button type="primary" size="small" icon="el-icon-search" plain @click="searchList">搜索</el-button>
- <el-button size="small" icon="el-icon-refresh" plain @click="resetList">重置</el-button>
- </el-form-item>
- </el-col>
- </el-row>
- <CollapseTransition>
- <div v-show="expanded">
- <el-row :gutter="10">
- <el-col :span="1.5">
- <el-form-item label="物料分类">
- <el-select
- v-model="queryParams.materialClassifyName"
- size="small"
- clearable
- @focus="chooseTreeRefer('MATERIALCLASSIFY_PARAM', false, '物料分类')"
- style="width: 200px"
- >
- <el-option v-for="item in classOptions" :key="item.id" :label="item.name" :value="item.name" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="详细地址">
- <el-input
- v-model="queryParams.address"
- size="small"
- placeholder=""
- clearable
- style="width: 200px"
- />
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="联系人">
- <el-select clearable size="small" v-model="queryParams.contactsName" clearable @focus="chooseRefer('CONTACTS_PARAM', true, '联系人')" style="width: 200px">
- <el-option v-for="item in contactsOptions" :key="item.id" :label="item.name" :value="item.name" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="联系人电话">
- <el-input
- v-model="queryParams.contactsPhone"
- size="small"
- clearable
- style="width: 200px"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="10">
- <el-col :span="1.5">
- <el-form-item label="备注">
- <el-input
- v-model="queryParams.remark"
- size="small"
- clearable
- style="width: 200px"
- />
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="同步状态">
- <el-select v-model="queryParams.sendStatus" size="small" style="width: 200px" clearable>
- <el-option
- v-for="item in options2"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="1.5">
- <el-form-item label="启用">
- <el-select v-model="queryParams.status" size="small" style="width: 200px" clearable>
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- </div>
- </CollapseTransition>
- </el-form>
- <el-divider class="lines"><i style="cursor: pointer;" :class="expanded?'el-icon-arrow-up':'el-icon-arrow-down'" @click="drop"></i></el-divider>
- <el-card>
- <div class="btn_grooup">
- <el-button type="primary" size="small" @click="addAddress">新增</el-button>
- <el-dropdown size="small" @command="handleCommand">
- <el-button size="small" type="primary" style="margin-left: 10px;">
- 导入<i class="el-icon-arrow-down el-icon--right"></i>
- </el-button>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item command="数据导入">数据导入</el-dropdown-item>
- <el-dropdown-item command="模板下载">模板下载</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- <el-dropdown size="small" @command="handleCommand">
- <el-button size="small" type="primary" style="margin: 0 10px;">
- 导出<i class="el-icon-arrow-down el-icon--right"></i>
- </el-button>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item command="Excel导出">Excel导出</el-dropdown-item>
- <el-dropdown-item command="导出明细">导出明细</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- <el-button type="primary" size="small">启用</el-button>
- <el-button type="primary" size="small">停用</el-button>
- <el-button type="primary" size="small">同步NC</el-button>
- <el-button type="primary" size="small">删除</el-button>
- </div>
- <el-table
- :data="tableList"
- fit
- max-height="480"
- @selection-change="handleSelectionChange"
- >
- <el-table-column show-overflow-tooltip type="selection" width="55" />
- <el-table-column show-overflow-tooltip label="仓库属性" align="center" prop="warehouseProperty"/>
- <el-table-column show-overflow-tooltip label="仓库档案名称" align="center" width="200" prop="warehouseCode"/>
- <el-table-column show-overflow-tooltip label="收货仓库编码" align="center" prop="code" />
- <el-table-column show-overflow-tooltip label="收货仓库名称" align="center" width="150" prop="name"/>
- <el-table-column show-overflow-tooltip label="详细地址" align="center" width="150" prop="address"/>
- <el-table-column show-overflow-tooltip label="物料分类" align="center" width="150" prop="materialClassifyName" />
- <el-table-column show-overflow-tooltip label="联系人" align="center" width="150" prop="contactsName" />
- <el-table-column show-overflow-tooltip label="联系人电话" align="center" prop="contactsPhone" />
- <el-table-column show-overflow-tooltip label="NC档案ID" align="center" width="150" prop="createTime" />
- <el-table-column show-overflow-tooltip label="备注" align="center" width="120" prop="remark" />
- <el-table-column show-overflow-tooltip label="创建人" align="center" width="150" prop="createByName" />
- <el-table-column show-overflow-tooltip label="创建时间" align="center" width="150" prop="createTime" />
- <el-table-column show-overflow-tooltip label="修改人" align="center" width="150" prop="updateByName" />
- <el-table-column show-overflow-tooltip label="修改时间" align="center" width="150" prop="updateTime" />
- <el-table-column show-overflow-tooltip label="同步状态" align="center" width="150" prop="sendStatus" />
- <el-table-column show-overflow-tooltip label="启用" align="center" width="150" prop="status" />
- <el-table-column
- fixed="right"
- label="操作"
- align="center"
- width="150"
- >
- <template slot-scope="scope">
- <el-button type="text" size="small" @click="check(scope.row)">查看</el-button>
- <el-button type="text" size="small" @click="edit(scope.row)">编辑</el-button>
- <el-button type="text" size="small" @click="deleteids(scope.row)">删除</el-button>
- </template>
- </el-table-column>
- </el-table>
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="1"
- :page-sizes="[5, 10, 15, 20]"
- :page-size="100"
- layout="total, sizes, prev, pager, next, jumper"
- :total=total>
- </el-pagination>
- </el-card>
- </div>
- <Add v-model="isList" v-if="!isList" :pageStu="page" :disable="disable" :row="rowDetail" @refresh="getList"/>
- <Refers ref="refer" @doSubmit="selectionsToInput" :single="true"/>
- <TreeRefers ref="tree" @doSubmit="selectionsToInput2" :single="true"/>
- </div>
- </template>
- <script>
- import Add from './add.vue'
- import CollapseTransition from '@/components/MyCollapse/collapse.vue'
- import {getAddressList, delAddress} from '@/api/purchase/deliveryAddress.js'
- import Refers from '@/components/Refers/refers.vue'
- import TreeRefers from '@/components/Refers/treeRefer.vue'
- export default {
- name: 'deliveryAddress',
- dicts: ['sys_warehouse_attribute'],
- components: {
- Add,
- CollapseTransition,
- Refers,
- TreeRefers
- },
- data() {
- return {
- expanded: false,
- // 页面配置
- isList: true,
- // 页面状态
- page: '',
- // 搜索框参数
- queryParams: {
- code: '',
- name: '',
- warehouse: '',
- warehouseName: '',
- warehouseCode: '',
- warehouseProperty: '',
- address: '',
- contacts: '',
- contactsName: '',
- contactsPhone: '',
- materialClassify: '',
- materialClassifyName: '',
- status: '',
- sendStatus: '',
- remark: '',
- pageNum: 1,
- pageSize: 5
- },
- options: [{
- value: 'Y', label: '是',
- }, {
- value: 'N', label: '否'
- }],
- options2: [{
- value: 'Y', label: '已同步',
- }, {
- value: 'N', label: '未同步'
- }],
- referCondition: {
- type: '',
- isPage: true,
- title: ''
- },
- houseOptions: [],
- classOptions: [],
- contactsOptions: [],
- tableList: [],
- total: 0,
- rowDetail: {},
- disable: false
- }
- },
- created() {
- this.getList(this.queryParams)
- },
- methods: {
- getList(params){
- getAddressList(params).then(res => {
- if (res.code === 200) {
- this.tableList = res.rows
- this.total = res.total
- }
- })
- },
- searchList() {
- this.getList(this.queryParams)
- },
- resetList() {
- this.queryParams = {
- code: '',
- name: '',
- warehouse: '',
- warehouseName: '',
- warehouseCode: '',
- warehouseProperty: '',
- address: '',
- contacts: '',
- contactsName: '',
- contactsPhone: '',
- materialClassify: '',
- materialClassifyName: '',
- status: '',
- sendStatus: '',
- remark: '',
- pageNum: 1,
- pageSize: 5
- }
- this.getList(this.queryParams)
- },
- handleSelectionChange() {},
- handleCommand(command) {
- alert(command)
- },
- addAddress() {
- this.isList = false
- this.page = 'add'
- this.disable = false
- },
- check(row) {
- this.isList = false
- this.page = 'check'
- this.rowDetail = row
- this.disable = true
- },
- edit(row) {
- this.isList = false
- this.page = 'edit'
- this.rowDetail = row
- this.disable = false
- },
- deleteids(row) {
- console.log('row', row)
- this.$modal.confirm('确认信息').then(() => {
- delAddress(row.id).then(res => {
- if (res.code === 200) {
- this.$modal.msgSuccess("删除成功");
- this.getList(this.queryParams)
- }
- })
- }).catch(() => {})
- },
- handleSizeChange(val) {
- console.log(`每页 ${val} 条`);
- this.queryParams.pageSize = val
- this.getList(this.queryParams)
- },
- handleCurrentChange(val) {
- console.log(`当前页: ${val}`);
- this.queryParams.pageNum = val
- this.getList(this.queryParams)
- },
- drop() {
- this.expanded = !this.expanded
- },
- chooseRefer(type, isPage, title) {
- this.referCondition.type = type
- this.referCondition.isPage = isPage
- this.referCondition.title = title
- this.$refs.refer.init(this.referCondition)
- },
- selectionsToInput(selection) {
- if (this.referCondition.type == 'WAREHOUSE_PARAM') {
- this.houseOptions = selection
- // this.queryParams.warehouse = selection[0].id
- this.queryParams.warehouseName = selection[0].name
- }
- if (this.referCondition.type == 'CONTACTS_PARAM') {
- this.contactsOptions = selection
- // this.queryParams.contacts = selection[0].code
- this.queryParams.contactsName = selection[0].name
- }
- },
- chooseTreeRefer(type, isPage, title) {
- this.referCondition.type = type
- this.referCondition.isPage = isPage
- this.referCondition.title = title
- this.$refs.tree.init(this.referCondition)
- },
- selectionsToInput2(selection) {
- this.classOptions.push(selection)
- // this.queryParams.materialClassify = selection.id
- this.queryParams.materialClassifyName = selection.name
- },
- }
- }
- </script>
- <style lang="scss" scoped>
- #deliveryAddressList {
- height: calc(100vh - 84px);
- padding: 12px;
- box-sizing: border-box;
- overflow-y: scroll;
- }
- .btn_grooup {
- margin-bottom: 10px;
- display: flex;
- justify-content: flex-end;
- }
- .lines {
- margin-top: 0;
- }
- </style>
|