|
|
@@ -0,0 +1,969 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryForm"
|
|
|
+ :inline="true"
|
|
|
+ v-show="showSearch"
|
|
|
+ >
|
|
|
+ <el-form-item label="油企名称" prop="deptName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.deptName"
|
|
|
+ placeholder="请输入油企名称"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态" prop="status">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.status"
|
|
|
+ placeholder="部门状态"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in statusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button
|
|
|
+ type="cyan"
|
|
|
+ icon="el-icon-search"
|
|
|
+ size="mini"
|
|
|
+ @click="handleQuery"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdd"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <right-toolbar
|
|
|
+ :showSearch.sync="showSearch"
|
|
|
+ @queryTable="getList"
|
|
|
+ ></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+ <el-table :data="groupList" style="width: 100%">
|
|
|
+ <el-table-column prop="deptName" label="油站名称" width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="deptName" label="ID" width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="deptName" label="排序" width="180">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ :title="'添加油企'"
|
|
|
+ :visible.sync="groupOpen"
|
|
|
+ width="800px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ ref="form"
|
|
|
+ :model="groupForm"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="80px"
|
|
|
+ label-position="top"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <div style="font-size: 22px; font-weight: bolder; margin-top: 20px">
|
|
|
+ 基本信息
|
|
|
+ <hr />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="油企名称" prop="deptName">
|
|
|
+ <el-input v-model="form.deptName" placeholder="请输入部门名称" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!--
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="平台结算模式" prop="isLngFlag">
|
|
|
+ <el-select
|
|
|
+ v-model="form.isLngFlag"
|
|
|
+ placeholder="请选择是否为平台结算"
|
|
|
+ clearable
|
|
|
+ :style="{ width: '100%' }"
|
|
|
+ >
|
|
|
+ <el-option label="是" :value="1"></el-option>
|
|
|
+ <el-option label="否" :value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ -->
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="是否启用支付宝">
|
|
|
+ <el-select
|
|
|
+ v-model="form.isAlipayFlag"
|
|
|
+ placeholder="请选择是否启用支付宝"
|
|
|
+ clearable
|
|
|
+ :style="{ width: '100%' }"
|
|
|
+ >
|
|
|
+ <el-option label="启用" :value="1"></el-option>
|
|
|
+ <el-option label="停用" :value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="11" >
|
|
|
+ <el-form-item label="油站状态">
|
|
|
+ <el-select
|
|
|
+ v-model="form.status"
|
|
|
+ placeholder="请选择是油站状态"
|
|
|
+ clearable
|
|
|
+ :style="{ width: '100%' }"
|
|
|
+ >
|
|
|
+ <el-option label="启用" :value="1"></el-option>
|
|
|
+ <el-option label="停用" :value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="23">
|
|
|
+ <el-form-item label="支付通道选择" prop="payWay">
|
|
|
+ <el-cascader
|
|
|
+ v-model="form.payWay"
|
|
|
+ :options="payWayOptions"
|
|
|
+ :props="{ multiple: true }"
|
|
|
+ :style="{ width: '100%' }"
|
|
|
+ placeholder="请选择可用的支付通道"
|
|
|
+ clearable
|
|
|
+ ></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="联系人" prop="leader">
|
|
|
+ <el-input
|
|
|
+ v-model="form.leader"
|
|
|
+ placeholder="请输入联系人"
|
|
|
+ maxlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="联系电话" prop="phone">
|
|
|
+ <el-input
|
|
|
+ v-model="form.phone"
|
|
|
+ placeholder="请输入联系电话"
|
|
|
+ maxlength="11"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="省市区" prop="selectedRegionData">
|
|
|
+ <el-cascader
|
|
|
+ size="large"
|
|
|
+ :options="regionDataOptions"
|
|
|
+ v-model="form.regionData"
|
|
|
+ @change="handleChangeRegionData"
|
|
|
+ :style="{ width: '100%' }"
|
|
|
+ clearable
|
|
|
+ placeholder="请选择省市区"
|
|
|
+ >
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="详情地址" prop="dizhi">
|
|
|
+ <el-input
|
|
|
+ v-model="form.city"
|
|
|
+ placeholder="请填写详细地址"
|
|
|
+ maxlength="50"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="油站经度" prop="stationLatitude">
|
|
|
+ <el-input
|
|
|
+ v-model="form.stationLatitude"
|
|
|
+ maxlength="50"
|
|
|
+ placeholder="请填写油站经度"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="油站纬度" prop="stationLongitude">
|
|
|
+ <el-input
|
|
|
+ v-model="form.stationLongitude"
|
|
|
+ maxlength="50"
|
|
|
+ placeholder="请填写油站纬度"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!--
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="营业执照编号" prop="licenseNo">
|
|
|
+ <el-input
|
|
|
+ v-model="form.licenseNo"
|
|
|
+ placeholder="请输入营业执照编号"
|
|
|
+ maxlength="50"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="营业执照上传"
|
|
|
+ prop="licenseImg"
|
|
|
+ >
|
|
|
+ <el-upload
|
|
|
+ class="avatar-uploader"
|
|
|
+ :action="imgUpConfig.addressUrl"
|
|
|
+ :headers="imgUpConfig.headers"
|
|
|
+ multiple
|
|
|
+ list-type="picture-card"
|
|
|
+ :limit="imgUpConfig.limit"
|
|
|
+ :file-list="form.licenseImg"
|
|
|
+ accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
|
|
|
+ :before-upload="beforeAvatarUpload"
|
|
|
+ :on-remove="handleAvatarRemove"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ <div class="el-upload__tip" slot="tip">
|
|
|
+ 只能上传图片文件，最多上传5张且单张图片不超过5M
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ -->
|
|
|
+ <el-col :span="24">
|
|
|
+ <div style="font-size: 22px; font-weight: bolder; margin-top: 20px">
|
|
|
+ 银行信息
|
|
|
+ <hr />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="开户行" prop="corporateBank">
|
|
|
+ <el-input
|
|
|
+ v-model="form.corporateBank"
|
|
|
+ placeholder="请输入开户行名称"
|
|
|
+ maxlength="50"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="开户行账号" prop="corporateAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="form.corporateAccount"
|
|
|
+ placeholder="请输入对公账户"
|
|
|
+ maxlength="50"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="23">
|
|
|
+ <el-form-item label="开户行账户名" prop="corporateAccountName">
|
|
|
+ <el-input
|
|
|
+ v-model="form.corporateAccountName"
|
|
|
+ placeholder="请输入对公银行"
|
|
|
+ maxlength="50"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="23">
|
|
|
+ <el-form-item label="手续费" prop="serviceCharge">
|
|
|
+ <el-input
|
|
|
+ v-model="form.serviceCharge"
|
|
|
+ placeholder="请输入手续费"
|
|
|
+ maxlength="50"
|
|
|
+ >
|
|
|
+ <template slot="append">‰</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <div style="font-size: 22px; font-weight: bolder; margin-top: 20px">
|
|
|
+ 小程序信息
|
|
|
+ <hr />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="小程序AppId" prop="appId">
|
|
|
+ <el-input v-model="form.appId" maxlength="50" placeholder="请输入小程序AppId"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="小程序AppSecret" prop="appSecret">
|
|
|
+ <el-input v-model="form.appSecret" maxlength="50" placeholder="请输入小程序AppSecret"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="23">
|
|
|
+ <el-form-item label="小程序原始Id" prop="originId">
|
|
|
+ <el-input v-model="form.originId" maxlength="50" placeholder="请输入小程序原始Id"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <div style="font-size: 22px; font-weight: bolder; margin-top: 20px">
|
|
|
+ 公众号信息
|
|
|
+ <hr />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="公众号AppId" prop="gzhAppId">
|
|
|
+ <el-input v-model="form.gzhAppId" maxlength="50" placeholder="请输入公众号AppId"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="公众号AppSecret" prop="gzhAppSecret">
|
|
|
+ <el-input v-model="form.gzhAppSecret" maxlength="50" placeholder="请输入公众号AppSecret"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <div style="font-size: 22px; font-weight: bolder; margin-top: 20px">
|
|
|
+ 随行付信息
|
|
|
+ <hr />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="随行付商户号" prop="mno">
|
|
|
+ <el-input v-model="form.mno" maxlength="50" placeholder="请输入随行付商户号"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="是否分账">
|
|
|
+ <el-select
|
|
|
+ v-model="form.mnoStatus"
|
|
|
+ placeholder="请选择是否启用分账"
|
|
|
+ clearable
|
|
|
+ :style="{ width: '100%' }"
|
|
|
+ >
|
|
|
+ <el-option label="启用分账" value="1"></el-option>
|
|
|
+ <el-option label="禁用分账" value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="分账收款商户编号" prop="mnoArray">
|
|
|
+ <el-input v-model="form.mnoArray" maxlength="50" placeholder="请输入分账收款商户编号"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="分账账号比例" prop="mnoProportion">
|
|
|
+ <el-input v-model="form.mnoProportion" maxlength="50" placeholder="请输入分账账号比例"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <div style="font-size: 22px; font-weight: bolder; margin-top: 20px">
|
|
|
+ 云闪付信息
|
|
|
+ <hr />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item label="云闪付商户号码" prop="merchantNo">
|
|
|
+ <el-input v-model="form.merchantNo" maxlength="50" placeholder="请输入云闪付商户号码"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="11" :offset="1">
|
|
|
+ <el-form-item label="云闪付终端号" prop="terminalId">
|
|
|
+ <el-input v-model="form.terminalId" maxlength="50" placeholder="请输入云闪付终端号"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="23">
|
|
|
+ <el-form-item label="云闪付密钥" prop="yunKey">
|
|
|
+ <el-input v-model="form.yunKey" maxlength="50" placeholder="请输入云闪付密钥"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 添加或修改部门对话框 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" v-if="form.parentId !== 0">
|
|
|
+ <el-form-item label="上级部门" prop="parentId">
|
|
|
+ <treeselect
|
|
|
+ v-model="form.parentId"
|
|
|
+ :options="deptOptions"
|
|
|
+ :normalizer="normalizer"
|
|
|
+ @select="selectDepart"
|
|
|
+ placeholder="选择上级部门"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="form.jiBie == 1">
|
|
|
+ <el-form-item label="油企名称" prop="deptName">
|
|
|
+ <el-input v-model="form.deptName" placeholder="请输入部门名称" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" v-show="form.jiBie == 1 || form.jiBie == 2">
|
|
|
+ <el-form-item label="显示排序" prop="orderNum">
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.orderNum"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" v-show="form.jiBie == 1">
|
|
|
+ <el-form-item label="联系人" prop="leader">
|
|
|
+ <el-input
|
|
|
+ v-model="form.leader"
|
|
|
+ placeholder="请输入联系人"
|
|
|
+ maxlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" v-show="form.jiBie == 1">
|
|
|
+ <el-form-item label="联系电话" prop="phone">
|
|
|
+ <el-input
|
|
|
+ v-model="form.phone"
|
|
|
+ placeholder="请输入联系电话"
|
|
|
+ maxlength="11"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" v-show="form.jiBie == 1">
|
|
|
+ <el-form-item label="营业执照编号" prop="yingyezhizhao">
|
|
|
+ <el-input
|
|
|
+ v-model="form.leader"
|
|
|
+ placeholder="请输入营业执照编号"
|
|
|
+ maxlength="50"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" v-show="form.jiBie == 1">
|
|
|
+ <el-form-item label="省市区" prop="regionData">
|
|
|
+ <el-cascader
|
|
|
+ size="large"
|
|
|
+ :options="regionDataOptions"
|
|
|
+ v-model="form.regionData"
|
|
|
+ @change="handleChangeRegionData"
|
|
|
+ >
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="form.jiBie == 1">
|
|
|
+ <el-form-item label="详情地址" prop="dizhi">
|
|
|
+ <el-input
|
|
|
+ v-model="form.city"
|
|
|
+ placeholder="所属城市"
|
|
|
+ maxlength="50"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="所属城市" prop="city">
|
|
|
+ <el-input
|
|
|
+ v-model="form.city"
|
|
|
+ placeholder="所属城市"
|
|
|
+ maxlength="50"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="油站地址" prop="deptAddress">
|
|
|
+ <el-input v-model="form.deptAddress" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="油站经度" prop="stationLatitude">
|
|
|
+ <el-input v-model="form.stationLatitude" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="油站纬度" prop="stationLongitude">
|
|
|
+ <el-input v-model="form.stationLongitude" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="form.jiBie == 1 || form.jiBie == 2">
|
|
|
+ <el-form-item label="部门状态">
|
|
|
+ <el-radio-group v-model="form.status">
|
|
|
+ <el-radio
|
|
|
+ v-for="dict in statusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictValue"
|
|
|
+ >{{ dict.dictLabel }}</el-radio
|
|
|
+ >
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="小程序appID" prop="appId">
|
|
|
+ <el-input v-model="form.appId" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="小程序appSecret" prop="appSecret">
|
|
|
+ <el-input v-model="form.appSecret" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="公众号appID" prop="gzhAppId">
|
|
|
+ <el-input v-model="form.gzhAppId" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="公众号appSecret" prop="gzhAppSecret">
|
|
|
+ <el-input v-model="form.gzhAppSecret" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="商户号" prop="mno">
|
|
|
+ <el-input v-model="form.mno" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="云闪付商户号码" prop="merchantNo">
|
|
|
+ <el-input v-model="form.merchantNo" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="云闪付终端号" prop="terminalId">
|
|
|
+ <el-input v-model="form.terminalId" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="云闪付密钥" prop="yunKey">
|
|
|
+ <el-input v-model="form.yunKey" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-show="isShow">
|
|
|
+ <el-form-item label="是否启用支付宝">
|
|
|
+ <el-radio-group v-model="form.isAlipayFlag">
|
|
|
+ <el-radio label="1"> 是 </el-radio>
|
|
|
+ <el-radio label="0"> 否 </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-show="isShow">
|
|
|
+ <el-form-item label="是否分账">
|
|
|
+ <el-radio-group v-model="form.mnoStatus">
|
|
|
+ <el-radio label="1"> 是 </el-radio>
|
|
|
+ <el-radio label="0"> 否 </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="分账收款商户编号" prop="mnoArray">
|
|
|
+ <el-input v-model="form.mnoArray" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="isShow">
|
|
|
+ <el-form-item label="分账账号比例" prop="mnoProportion">
|
|
|
+ <el-input v-model="form.mnoProportion" maxlength="50" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-show="showIsLngFlag">
|
|
|
+ <el-form-item label="LNG平台">
|
|
|
+ <el-radio-group v-model="form.isLngFlag">
|
|
|
+ <el-radio label="1"> 是 </el-radio>
|
|
|
+ <el-radio label="0"> 否 </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ listDept,
|
|
|
+ getDept,
|
|
|
+ delDept,
|
|
|
+ addDept,
|
|
|
+ updateDept,
|
|
|
+ listDeptExcludeChild,
|
|
|
+ listTree,
|
|
|
+ setMnoSplit,
|
|
|
+} from "@/api/system/dept";
|
|
|
+import Treeselect from "@riophae/vue-treeselect";
|
|
|
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
+import { regionData } from "element-china-area-data";
|
|
|
+import { getToken } from "@/utils/auth";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "Dept",
|
|
|
+ components: { Treeselect },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ regionDataOptions: regionData, // 地址组件
|
|
|
+ selectedRegionData: [],
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ // 显示搜索条件
|
|
|
+ showSearch: true,
|
|
|
+ // 表格树数据
|
|
|
+ deptList: [],
|
|
|
+ // 部门树选项
|
|
|
+ deptOptions: [],
|
|
|
+ // 弹出层标题
|
|
|
+ title: "",
|
|
|
+ // 是否显示弹出层
|
|
|
+ open: false,
|
|
|
+ isShow: false,
|
|
|
+ showIsLngFlag: false,
|
|
|
+ splitShow: false,
|
|
|
+ // 状态数据字典
|
|
|
+ statusOptions: [],
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ deptName: undefined,
|
|
|
+ status: undefined,
|
|
|
+ },
|
|
|
+ // 表单参数
|
|
|
+ form: {
|
|
|
+ regionData: [], //["120000","120100","120102"] 地区码
|
|
|
+ corporateAccountName:'', //开户行账户名
|
|
|
+ corporateAccount:'',// 开户行账号
|
|
|
+ corporateBank:'', // 对公银行
|
|
|
+ serviceCharge: '', // 手续费
|
|
|
+ licenseImg:[], // img图片的list 营业执照
|
|
|
+ licenseNo:'',
|
|
|
+ payWay:[[1,2],[1,3]], //支付方式list[[微信,随行付]
|
|
|
+
|
|
|
+ },
|
|
|
+ payWayOptions: [
|
|
|
+ {
|
|
|
+ label: "微信支付",
|
|
|
+ value: 1,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ label: "随行付",
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "云闪付",
|
|
|
+ value: 2,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "全民付",
|
|
|
+ value: 3,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "支付宝支付",
|
|
|
+ value: 2,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ label: "随行付",
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "云闪付",
|
|
|
+ value: 2,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "上海富友",
|
|
|
+ value: 4,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "银行卡",
|
|
|
+ value: 3,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ label: "随行付",
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "云闪付",
|
|
|
+ value: 2,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // 表单校验
|
|
|
+ rules: {
|
|
|
+ parentId: [
|
|
|
+ { required: true, message: "上级部门不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ deptName: [
|
|
|
+ { required: true, message: "部门名称不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ orderNum: [
|
|
|
+ { required: true, message: "显示排序不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ // singleStationFlag: [
|
|
|
+ // { required: true, message: "站点类型不能为空", trigger: "change" }
|
|
|
+ // ],
|
|
|
+ email: [
|
|
|
+ {
|
|
|
+ type: "email",
|
|
|
+ message: "'请输入正确的邮箱地址",
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ phone: [
|
|
|
+ {
|
|
|
+ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
|
|
+ message: "请输入正确的手机号码",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+
|
|
|
+ groupList: [
|
|
|
+ {
|
|
|
+ deptName: "李哈哈",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ deptName: "李哈哈",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ groupForm: {
|
|
|
+ deptName: "里昂和",
|
|
|
+ selectedRegionData: [],
|
|
|
+ },
|
|
|
+ imgUpConfig: {
|
|
|
+ headers:{
|
|
|
+ Authorization: "Bearer " + getToken(),
|
|
|
+ },
|
|
|
+ addressUrl: process.env.VUE_APP_BASE_API + "/common/upload",
|
|
|
+ limit:5
|
|
|
+ },
|
|
|
+ groupOpen: true,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList();
|
|
|
+ this.getDicts("sys_normal_disable").then((response) => {
|
|
|
+ this.statusOptions = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleAdd(row) {
|
|
|
+ this.groupForm = {
|
|
|
+ selectedRegionData: [],
|
|
|
+ };
|
|
|
+ this.groupOpen = true;
|
|
|
+ },
|
|
|
+ handleChangeRegionData(value) {
|
|
|
+ console.log(this.form.regionData);
|
|
|
+ console.log(this.form)
|
|
|
+ },
|
|
|
+ beforeAvatarUpload(file) {
|
|
|
+ const isLt5M = file.size / 1024 / 1024 < 5;
|
|
|
+ if (!isLt5M) {
|
|
|
+ this.$message.error("上传头像图片大小不能超过 5MB!");
|
|
|
+ }
|
|
|
+ return isLt5M;
|
|
|
+ },
|
|
|
+ handleAvatarRemove(file, fileList) {
|
|
|
+ this.form.licenseImg = fileList;
|
|
|
+ },
|
|
|
+ handleAvatarSuccess(response, file, fileList) {
|
|
|
+ this.form.licenseImg = [
|
|
|
+ ...this.form.licenseImg,
|
|
|
+ {
|
|
|
+ name: file.name,
|
|
|
+ url: response.url,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ },
|
|
|
+ /** 查询部门列表 */
|
|
|
+ getList() {
|
|
|
+ this.loading = true;
|
|
|
+ // listTree(this.queryParams).then(response => {
|
|
|
+ // this.deptList = this.handleTree(response.data, "deptId");
|
|
|
+ // this.loading = false;
|
|
|
+ // });
|
|
|
+ listDept(this.queryParams).then((response) => {
|
|
|
+ this.deptList = this.handleTree(response.data, "deptId");
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ selectDepart(val) {
|
|
|
+ this.form.jiBie = parseInt(val.jiBie);
|
|
|
+ if (val.jiBie == 1) {
|
|
|
+ this.isShow = true;
|
|
|
+ this.showIsLngFlag = false;
|
|
|
+ } else {
|
|
|
+ this.isShow = false;
|
|
|
+ this.showIsLngFlag = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /** 转换部门数据结构 */
|
|
|
+ normalizer(node) {
|
|
|
+ if (node.children && !node.children.length) {
|
|
|
+ delete node.children;
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ id: node.deptId,
|
|
|
+ label: node.deptName,
|
|
|
+ children: node.children,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ // 字典状态字典翻译
|
|
|
+ statusFormat(row, column) {
|
|
|
+ return this.selectDictLabel(this.statusOptions, row.status);
|
|
|
+ },
|
|
|
+ // 取消按钮
|
|
|
+ cancel() {
|
|
|
+ this.open = false;
|
|
|
+ this.isShow = false;
|
|
|
+ this.reset();
|
|
|
+ },
|
|
|
+ // 表单重置
|
|
|
+ reset() {
|
|
|
+ this.form = {
|
|
|
+ deptId: undefined,
|
|
|
+ parentId: undefined,
|
|
|
+ deptName: undefined,
|
|
|
+ orderNum: undefined,
|
|
|
+ leader: undefined,
|
|
|
+ phone: undefined,
|
|
|
+ email: undefined,
|
|
|
+ status: "0",
|
|
|
+ };
|
|
|
+ this.resetForm("form");
|
|
|
+ },
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.resetForm("queryForm");
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ /** 新增按钮操作 */
|
|
|
+ handleAdd1(row) {
|
|
|
+ this.reset();
|
|
|
+ if (row != undefined) {
|
|
|
+ this.form.parentId = row.deptId;
|
|
|
+ //判断级别 1是集团，如果是集团展示的是油站的所有数据
|
|
|
+ if (row.jiBie == 1) {
|
|
|
+ this.form.jiBie = parseInt(row.jiBie);
|
|
|
+ this.isShow = true;
|
|
|
+ this.isLngFlag = false;
|
|
|
+ } else {
|
|
|
+ this.isLngFlag = true;
|
|
|
+ this.isShow = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.open = true;
|
|
|
+ this.title = "添加部门";
|
|
|
+ listDept().then((response) => {
|
|
|
+ this.deptOptions = this.handleTree(response.data, "deptId");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 修改按钮操作 */
|
|
|
+ handleUpdate(row) {
|
|
|
+ this.reset();
|
|
|
+ getDept(row.deptId).then((response) => {
|
|
|
+ this.form = response.data;
|
|
|
+ this.open = true;
|
|
|
+ this.title = "修改部门";
|
|
|
+ });
|
|
|
+ listDeptExcludeChild(row.deptId).then((response) => {
|
|
|
+ this.deptOptions = this.handleTree(response.data, "deptId");
|
|
|
+ });
|
|
|
+ //判断级别 1是集团，如果是集团展示的是油站的所有数据
|
|
|
+ if (row.jiBie == 2) {
|
|
|
+ this.isShow = true;
|
|
|
+ this.showIsLngFlag = false;
|
|
|
+ } else {
|
|
|
+ this.isShow = false;
|
|
|
+ this.showIsLngFlag = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //设置分账的参数
|
|
|
+ handleMnoSplit(row) {
|
|
|
+ this.$confirm('是否进行分账设置,点击确定跳转确认页面"', "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ return setMnoSplit(row.deptId);
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ // this.getList();
|
|
|
+ window.open(res.msg, "_blank");
|
|
|
+ //this.msgSuccess("分账设置成功");
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 提交按钮 */
|
|
|
+ submitForm: function () {
|
|
|
+ this.$refs["form"].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.form.deptId != undefined) {
|
|
|
+ updateDept(this.form).then((response) => {
|
|
|
+ //window.location=response.message;
|
|
|
+ this.msgSuccess("修改成功");
|
|
|
+ this.open = false;
|
|
|
+ this.isShow = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ addDept(this.form).then((response) => {
|
|
|
+ this.msgSuccess("新增成功");
|
|
|
+ this.open = false;
|
|
|
+ this.isShow = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ handleDelete(row) {
|
|
|
+ this.$confirm(
|
|
|
+ '是否确认删除名称为"' + row.deptName + '"的数据项?',
|
|
|
+ "警告",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(function () {
|
|
|
+ return delDept(row.deptId);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.msgSuccess("删除成功");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
Joe