emis-frontend/src/views/emis/emisSite/index.vue
2024-08-09 07:33:09 +08:00

609 lines
27 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<XdPageContainer class="app-container">
<SearchForm slot="pageHeader" :model="queryParams" ref="queryForm" size="small" :maxShow="20" label-width="68px" v-show="showSearch" @search="handleQuery" @reset="resetQuery">
<el-form-item label="网点编号" prop="siteCode">
<el-input
v-model="queryParams.siteCode"
placeholder="网点编号"
clearable
@keyup.enter.native="handleQuery"
@input="handleQuery"
/>
</el-form-item>
<el-form-item label="网点名称" prop="siteName">
<el-input
v-model="queryParams.siteName"
placeholder="网点名称"
clearable
@keyup.enter.native="handleQuery"
@input="handleQuery"
/>
</el-form-item>
<el-form-item label="上级网点" prop="parentSiteCode">
<EmisSiteSimplePicker :placeholder="$t('上级网点')" v-model="queryParams.parentSiteCode" @onChange="handleQuery"></EmisSiteSimplePicker>
</el-form-item>
<el-form-item label="国家" prop="countryCode">
<CountryPicker :placeholder="$t('国家')" v-model="queryParams.countryCode" @onChange="handleQuery"></CountryPicker>
</el-form-item>
<el-form-item label="省份" prop="province">
<ProvincePicker :placeholder="$t('省')" v-model="queryParams.province" :countryCode="queryParams.countryCode" @onChange="handleQuery"></ProvincePicker>
</el-form-item>
<el-form-item label="城市" prop="city">
<CityPicker :placeholder="$t('市')" v-model="queryParams.city" :parentCode="queryParams.province" @onChange="handleQuery"></CityPicker>
</el-form-item>
<el-form-item label="县区" prop="city">
<DistrictPicker :placeholder="$t('区')" v-model="queryParams.county" :parentCode="queryParams.city" @onChange="handleQuery"></DistrictPicker>
</el-form-item>
<el-form-item label="网点类型" prop="siteType">
<el-select v-model="queryParams.siteType" placeholder="网点类型" clearable filterable @change="handleQuery">
<el-option
v-for="dict in dict.type.emis_site_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="加盟类型" prop="siteType">
<el-select v-model="queryParams.scopeType" placeholder="加盟类型" clearable filterable @change="handleQuery">
<el-option
v-for="dict in dict.type.emis_affiliate_type"
v-bind:key="dict.value"
v-bind:label="dict.label"
v-bind:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="启停状态" prop="status">
<el-select v-model="queryParams.status" placeholder="启停状态" clearable filterable @change="handleQuery">
<el-option
v-for="dict in dict.type.sys_biz_enable_status"
v-bind:key="dict.value"
v-bind:label="dict.label"
v-bind:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="所属品牌" prop="logoType">
<EmisBrandPicker :placeholder="$t('所属品牌')" v-model="queryParams.logoType" @onChange="handleQuery"></EmisBrandPicker>
</el-form-item>
</SearchForm>
<xd-table
slot="pageContent"
slot-scope="slotProps"
:height="(slotProps.contentHeight)+'px'"
storageName="emisSiteList_main"
v-loading="loading"
border
size="mini"
:data="emisSiteList"
:showSearch.sync="showSearch"
:total="total"
@queryTable="getList"
:queryParams="queryParams"
@selection-change="handleSelectionChange"
@sort-change="handleSortChange"
>
<div slot="toolbar">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['emis:emisSite:add']"
>新增网点</el-button>
</el-col>
<!--
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['emis:emisSite:edit']"
>修改</el-button>
</el-col> -->
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['emis:emisSite:remove']"
>删除</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['emis:emisSite:export']"
>导出</el-button>
</el-col> -->
</el-row>
</div>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="序号" align="center" min-width="60">
<template slot-scope="scope">
<span v-text="getIndex(scope.$index)"> </span>
</template>
</el-table-column> -->
<!--
<el-table-column label="xxx" align="left" prop="xxx" min-width="180">
<template slot-scope="scope">
<div class="link-type" @click="handleView(scope.row)">{{scope.row.orderSn}}</div>
</template>
</el-table-column>
-->
<el-table-column label="网点编号" align="left" prop="siteCode" width="80" >
<template slot-scope="scope">
<div class="link-type" @click="handleUpdate(scope.row)">{{scope.row.siteCode}}</div>
</template>
</el-table-column>
<el-table-column label="网点名称" align="left" prop="siteName" min-width="150" >
<template slot-scope="scope">
<div class="link-type" @click="handleUpdate(scope.row)"><span>{{scope.row.siteName}}</span> <span v-if="scope.row.siteNameEn!=null && scope.row.siteNameEn!=''">/{{scope.row.siteNameEn}}</span> </div>
</template>
</el-table-column>
<!-- <el-table-column label="网点英文名称" align="center" prop="siteNameEn" min-width="100" /> -->
<el-table-column label="网点分类" align="center" prop="siteType" width="100" >
<template slot-scope="scope">
<dict-tag :options="dict.type.emis_site_type" :value="scope.row.siteType"/>
</template>
</el-table-column>
<!-- <el-table-column label="加盟类型" align="center" prop="defaultDestinationNameCode" min-width="100" /> -->
<el-table-column label="加盟类型" align="center" prop="scopeType" width="100" >
<template slot-scope="scope">
<dict-tag :options="dict.type.emis_affiliate_type" :value="scope.row.scopeType"/>
</template>
</el-table-column>
<el-table-column label="所属品牌" align="center" prop="logoTypeName" width="80" :show-overflow-tooltip="true" />
<el-table-column label="二字码" align="center" prop="sizeCode2" width="80" />
<el-table-column label="三字码" align="center" prop="sizeCode3" width="80" />
<el-table-column label="截单时间" align="center" prop="cutOffTime" width="100" />
<el-table-column label="派件所属网点" align="left" prop="parentSiteName" min-width="120" :show-overflow-tooltip="true" />
<el-table-column label="所属财务中心" align="left" prop="superiorFinanceCenterName" min-width="120" :show-overflow-tooltip="true" />
<!-- <el-table-column label="所属区域" align="center" prop="areaName" min-width="100" /> -->
<el-table-column label="启用状态" align="center" prop="status" min-width="100" >
<template slot-scope="scope">
<el-tag v-if="scope.row.status==1" type="success">启用</el-tag>
<el-tag v-if="scope.row.status==0" type="danger">停用</el-tag>
</template>
</el-table-column>
<el-table-column label="国家" align="center" prop="countryName" width="80" :show-overflow-tooltip="true"/>
<el-table-column label="省份" align="center" prop="provinceName" width="100" :show-overflow-tooltip="true" />
<el-table-column label="城市" align="center" prop="cityName" width="100" :show-overflow-tooltip="true"/>
<el-table-column label="区/县" align="center" prop="countyName" width="100" :show-overflow-tooltip="true" />
<!-- <el-table-column label="乡/镇" align="center" prop="townName" width="100" /> -->
<el-table-column label="详细地址" align="center" prop="address" min-width="220" :show-overflow-tooltip="true" />
<el-table-column label="是否到付" align="center" prop="blAllowTopayment" width="80" >
<template slot-scope="scope">
<div v-if="scope.row.blAllowTopayment == 1">是</div>
<div v-else>否</div>
</template>
</el-table-column>
<el-table-column label="派到付款限额" align="center" prop="topaymentLimited" width="120" />
<el-table-column label="是否允许自提" align="center" prop="blDispatchZt" width="120" >
<template slot-scope="scope">
<div v-if="scope.row.blDispatchZt == 1">是</div>
<div v-else>否</div>
</template>
</el-table-column>
<el-table-column label="负责人" align="center" prop="principal" width="80"/>
<el-table-column label="查询电话" align="center" prop="phone" width="80"/>
<el-table-column label="站点经理" align="center" prop="" width="80"/>
<el-table-column label="经理电话" align="center" prop="" width="80"/>
<el-table-column label="业务电话" align="center" prop="" width="80"/>
<el-table-column label="网点面积" align="center" prop="" width="80"/>
<el-table-column label="邮箱" align="center" prop="" width="80"/>
<el-table-column label="网点介绍" align="center" prop="" width="80"/>
<el-table-column label="派送范围" align="center" prop="" width="80"/>
<el-table-column label="不派送范围" align="center" prop="" width="80"/>
<el-table-column label="特殊区域" align="center" prop="" width="80"/>
<el-table-column label="对外备注" align="center" prop="" width="80"/>
<el-table-column label="数据来源" align="center" prop="dataFrom" width="80"/>
<el-table-column label="排序" align="center" prop="orderNum" width="80" />
<el-table-column label="创建人" align="center" prop="createByName" width="80" :show-overflow-tooltip="true"/>
<el-table-column label="创建网点" align="center" prop="createSiteName" width="80" :show-overflow-tooltip="true"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="170"/>
<el-table-column label="修改人" align="center" prop="updateByName" width="80" :show-overflow-tooltip="true"/>
<el-table-column label="修改网点" align="center" prop="updateSiteName" width="80" :show-overflow-tooltip="true"/>
<el-table-column label="修改时间" align="center" prop="updateTime" width="170"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['emis:emisSite:edit']"
>修改</el-button>
<!--
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['emis:emisSite:remove']"
>删除</el-button> -->
</template>
</el-table-column>
</xd-table>
<el-dialog :title="titleForm" :visible.sync="openForm" width="70%" v-dialogDrag append-to-body :close-on-click-modal="false">
<emisSiteForm :id="currentId" @on-changed="handleFormChanged" @on-cancel="cancelForm"></EmisSiteForm>
</el-dialog>
<!-- :destroy-on-close="true" -->
</XdPageContainer>
</template>
<script>
import { listEmisSite, getEmisSite, delEmisSite, addEmisSite, updateEmisSite } from "@/api/emis/emisSite";
import emisSiteForm from '@/views/emis/emisSite/emisSiteForm';
// import EmisSiteLeftTreePicker from '@/views/emis/EmisBaseTools/EmisSiteLeftTreePicker.vue';
import CountryTreePicker from '@/views/emis/EmisBaseTools/CountryTreePicker.vue';
import CountryPicker from '@/views/emis/EmisBaseTools/CountryPicker.vue';
import EmisSiteSimplePicker from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
import ProvincePicker from '@/views/emis/EmisBaseTools/ProvincePicker.vue';
import CityPicker from '@/views/emis/EmisBaseTools/CityPicker.vue';
import DistrictPicker from '@/views/emis/EmisBaseTools/DistrictPicker.vue';
import EmisBrandPicker from '@/views/emis/EmisBaseTools/EmisBrandPicker.vue';
// EmisSiteTreePicker
export default {
name: "EmisSite",
components: {
emisSiteForm,CountryTreePicker,CountryPicker,EmisBrandPicker,
EmisSiteSimplePicker,ProvincePicker,CityPicker,DistrictPicker
},
dicts: [
'emis_site_type','emis_affiliate_type','sys_biz_enable_status'
],
data() {
return {
tableHeight: 200,
leftTree:[],
leftTitle:"",
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 创建时间搜索
dateTimeRange:[],
// 总条数
total: 0,
// 网点表格数据
emisSiteList: [],
provinceIdsOptions:[],
currentId:null,
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
openForm: false,
titleForm: "",
titleEmisSite: "",
openEmisSite: false,
// 显示编辑框更多
moreInputVisible: false,
// 弹出展示层
id:null,
titleView:"",
openView: false,
// 删除标志(0代表存在时间范围
daterangeCreateTime: [],
// 删除标志(0代表存在时间范围
daterangeUpdateTime: [],
//国家数据
countryTree: [],
countryIdsOptions: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
siteCode: null,
siteName: null,
siteNameEn: null,
parentSiteCode: null,
defaultCurrency: null,
cutOffTime: null,
superiorFinanceCenterCode: null,
siteType: null,
scopeType: null,
defaultDestinationNameCode: null,
defaultSendPlace: null,
countryCode: null,
province: null,
city: null,
county: null,
town: null,
areaCode: null,
areaName: null,
rangeName: null,
phone: null,
principal: null,
manager: null,
managerPhone: null,
salePhone: null,
exigencePhone: null,
fax: null,
siteDesc: null,
dispatchRange: null,
notDispatchRange: null,
publicRemark: null,
privateRemark: null,
orderNum: null,
financialAccount: null,
tbSerName: null,
tbSerTel: null,
tbSerWw: null,
carStartTime: null,
carEndTime: null,
blWeb: null,
joinTime: null,
mapsCoordinate: null,
specserviceRange: null,
qq: null,
email: null,
serviceQuality: null,
salesQuality: null,
levels: null,
warehouseName: null,
siteLimite: null,
jyMobile: null,
jyPwd: null,
blNotInput: null,
stopDate: null,
blAllowAgentMoney: null,
blAllowTopayment: null,
goodsPaymentLimited: null,
topaymentLimited: null,
blRec: null,
blDisp: null,
blCome: null,
blOpenTaobao: null,
blArbitrationDepartment: null,
blAllowAgentSign: null,
blMessage: null,
blProjectclient: null,
blVipSite: null,
blDispatchZt: null,
blBilltoAccount: null,
accountCode: null,
address: null,
dispDeliveryMode: null,
transTypeName: null,
orgName: null,
dataFrom: null,
siteArea: null,
blAllowDispAgentMoney: null,
dispGoodsPaymentLimited: null,
dispDeliverySite: null,
dispDeliverySiteCode: null,
vendorName: null,
creditCode: null,
blCargoService: null,
blHandlingService: null,
pickupCenterSiteCode: null,
blDispGood: null,
blPushJd: null,
pushDate: null,
reason: null,
sitePos: null,
distributeCode: null,
blPushSite: null,
logoType: null,
sizeCode2: null,
sizeCode3: null,
auditStatus: null,
auditDate: null,
auditManCode: null,
auditSiteCode: null,
blClass: null,
blMaterial: null,
soonPieceType: null,
provinceArea: null,
secondArea: null,
secondAreaCode: null,
provinceAreaCode: null,
blDispGoodName: null,
blNotRec: null,
blNotDisp: null,
blNotCashOut: null,
status: null,
remark: null,
delFlag: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "序号不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询网点列表 */
getList() {
this.loading = true;
this.queryParams.params = {};
listEmisSite(this.addDateRange(this.queryParams, this.dateTimeRange)).then(response => {
this.emisSiteList = response.rows;
this.total = response.total;
this.loading = false;
});
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
handleSortChange(column) {
this.queryParams.orderByColumn = column.prop;//查询字段是表格中字段名字
this.queryParams.isAsc = column.order;//动态取值排序顺序
this.getList();
},
/** 新增按钮操作 */
handleAdd(row) {
this.currentId = null;
this.openForm = true;
this.titleForm = "新增网点";
},
handleShowMoreInput(){
console.log(this.moreInputVisible);
this.moreInputVisible = !this.moreInputVisible;
},
/** 修改按钮操作 */
handleUpdate(row) {
this.currentId = null;
this.currentId = row.id;
this.openForm = true;
this.titleForm = "新增网点";
},
handleView(row) {
this.id=row.id;
this.titleView="查看";
this.openView=true;
// this.router.push({ path: '/emis/emisSite/viewDetail', query: { id: row.id }})
},
handleFormChanged(){
this.openForm = false;
this.getList();
},
cancelForm(){
this.openForm = false;
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除').then(function() {
return delEmisSite(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
// this.download('emis/emisSite/export', {
// ...this.queryParams
// }, `emisSite_${new Date().getTime()}.xlsx`)
const loadingInstance = this.$loading({
text: '正在导出...'
})
var qParam = {...this.queryParams};
qParam.pageNum=1;
qParam.pageSize=5000;
listEmisSite(this.addDateRange(qParam, this.dateTimeRange)).then(response => {
this.downloadLoading = false
if (response.code === 200) {
const curList = response.rows
import('@/vendor/Export2Excel').then(excel => {
const tHeader = ['序号','站点代码','站点名称','英文名称','parent_site_id','父站点id','父站点名称','缺省货币','截单时间','财务中心代码','财务中心名称','类型','类型','默认发件地','国家代码','省代码','市代码','区代码','乡镇代码','大区代码','大区名称','范围名称','电话','负责人','管理人','管理人电话','销售电话','紧急电话','传真','站点描述','派送区域','不派送区域','公共备注','私有备注','排序','结算账户','tb服务姓名','tb服务电话','tb服务网址','car开始时间','car结束时间','bl_web','加盟时间','地图经纬度','特殊区域','qq','email','服务数量','服务数量','等级','仓库名称','站点限制','jy电话','jy密码','bl_not_input','停止日期','bl_allow_agent_money','bl_allow_topayment','goods_payment_limited','派到付款限额','bl_rec','bl_disp','bl_come','bl_open_taobao','bl_arbitration_department','bl_allow_agent_sign','bl_message','bl_provide','bl_projectclient','bl_vip_site','bl_dispatch_zt','bl_billto_account','账套编号','地址','disp_delivery_mode','trans_type_id','trans_type_name','org_id','org_name','数据绑定来源','站点区域','允许代理金额','disp_goods_payment_limited','disp_delivery_site','disp_delivery_site_code','vendor_name','credit_code','bl_cargo_service','bl_handling_service','pickup_center_site_code','pickup_center_site_name','pickup_center_site_id','bl_disp_good','bl_push_jd','push_date','reason','site_pos','distribute_code','disp_delivery_site_id','bl_push_site','site_type','logo_type','size_code2','size_code3','audit_status','audit_date','audit_man','audit_man_code','audit_site','audit_site_code','bl_class','bl_material','soon_piece_type','province_area','second_area','second_area_code','province_area_code','bl_rec_name','bl_disp_name','bl_not_input_name','bl_dispatch_zt_name','bl_allow_agent_money_name','bl_allow_topayment_name','bl_cargo_service_name','bl_handling_service_name','bl_allow_disp_agent_money_name','province_area_code','province_code','city_code','county_code','town_code','bl_not_rec_name','bl_not_rec','bl_not_disp_name','bl_not_disp','bl_not_cash_out_name','bl_not_cash_out','备注','租户ID','删除标志(0代表存在','创建者','创建时间','更新者','更新时间',];
const filterVal = ['id','siteCode','siteName','siteNameEn','parentSiteId','parentSiteCode','parentSiteName','defaultCurrency','cutOffTime','superiorFinanceCenterCode','superiorFinanceCenter','type','defaultDestinationNameCode','defaultSendPlace','countryCode','province','city','county','town','areaCode','areaName','rangeName','phone','principal','manager','managerPhone','salePhone','exigencePhone','fax','siteDesc','dispatchRange','notDispatchRange','publicRemark','privateRemark','orderBy','financialAccount','tbSerName','tbSerTel','tbSerWw','carStartTime','carEndTime','blWeb','joinTime','mapsCoordinate','specserviceRange','qq','email','serviceQuality','salesQuality','levels','warehouseName','siteLimite','jyMobile','jyPwd','blNotInput','stopDate','blAllowAgentMoney','blAllowTopayment','goodsPaymentLimited','topaymentLimited','blRec','blDisp','blCome','blOpenTaobao','blArbitrationDepartment','blAllowAgentSign','blMessage','blProvide','blProjectclient','blVipSite','blDispatchZt','blBilltoAccount','accountCode','address','dispDeliveryMode','transTypeId','transTypeName','orgId','orgName','dataFrom','siteArea','blAllowDispAgentMoney','dispGoodsPaymentLimited','dispDeliverySite','dispDeliverySiteCode','vendorName','creditCode','blCargoService','blHandlingService','pickupCenterSiteCode','pickupCenterSiteName','pickupCenterSiteId','blDispGood','blPushJd','pushDate','reason','sitePos','distributeCode','dispDeliverySiteId','blPushSite','siteType','logoType','sizeCode2','sizeCode3','auditStatus','auditDate','auditMan','auditManCode','auditSite','auditSiteCode','blClass','blMaterial','soonPieceType','provinceArea','secondArea','secondAreaCode','provinceAreaCode','blRecName','blDispName','blNotInputName','blDispatchZtName','blAllowAgentMoneyName','blAllowTopaymentName','blCargoServiceName','blHandlingServiceName','blAllowDispAgentMoneyName','blDispGoodName','provinceCode','cityCode','countyCode','townCode','blNotRecName','blNotRec','blNotDispName','blNotDisp','blNotCashOutName','blNotCashOut','remark','tenantId','delFlag','createBy','createTime','updateBy','updateTime',];
const data = this.formatJson(filterVal, curList, response.rows)
excel.export_json_to_excel({
header: tHeader,
data,
filename: '网点',
autoWidth: true
})
loadingInstance.close()
})
}
});
},
formatJson(filterVal, jsonData, resData) {
let index = 0
return jsonData.map(v => filterVal.map(j => {
if (j === 'index') {
return ++index
}
if (j === 'status') {
var statusStr='xxx'
if(v[j] == 10){
statusStr='xxx'
}
return statusStr;
}
return v[j]
}))
},
/** 列索引函数 */
getIndex($index) {
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
},
/** 时间搜索响应函数 */
dateTimeChange(value){
this.dateTimeRange=value;
},
}
};
</script>
<style lang="scss" scoped>
.el-divider{
margin-top: 0px;
background: 0 0;
border-top: 1px solid #E6EBF5;
}
.el-divider__text {
color: #0955ee;
cursor: pointer;
}
:deep .el-table {
.el-table__body {
height: 100%;
}
}
</stylel>