|
@@ -1,6 +1,13 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryForm"
|
|
|
+ size="small"
|
|
|
+ :inline="true"
|
|
|
+ v-show="showSearch"
|
|
|
+ label-width="100px"
|
|
|
+ >
|
|
|
<el-form-item label="渠道名称" prop="channelName">
|
|
|
<el-input
|
|
|
v-model="queryParams.channelName"
|
|
@@ -17,16 +24,16 @@
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="渠道类别" prop="channelType">
|
|
|
- <el-select v-model="form.channelType" placeholder="请选择渠道类别">
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.channel_type"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="渠道类别" prop="channelType">
|
|
|
+ <el-select v-model="form.channelType" placeholder="请选择渠道类别">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.channel_type"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="联系人" prop="contacts">
|
|
|
<el-input
|
|
|
v-model="queryParams.contacts"
|
|
@@ -52,8 +59,16 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ 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>
|
|
|
|
|
@@ -66,7 +81,8 @@
|
|
|
size="mini"
|
|
|
@click="handleAdd"
|
|
|
v-hasPermi="['invest:channel:add']"
|
|
|
- >新增</el-button>
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
@@ -77,7 +93,8 @@
|
|
|
:disabled="single"
|
|
|
@click="handleUpdate"
|
|
|
v-hasPermi="['invest:channel:edit']"
|
|
|
- >修改</el-button>
|
|
|
+ >修改</el-button
|
|
|
+ >
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
@@ -88,7 +105,8 @@
|
|
|
:disabled="multiple"
|
|
|
@click="handleDelete"
|
|
|
v-hasPermi="['invest:channel:remove']"
|
|
|
- >删除</el-button>
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
@@ -98,12 +116,20 @@
|
|
|
size="mini"
|
|
|
@click="handleExport"
|
|
|
v-hasPermi="['invest:channel:export']"
|
|
|
- >导出</el-button>
|
|
|
+ >导出</el-button
|
|
|
+ >
|
|
|
</el-col>
|
|
|
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ <right-toolbar
|
|
|
+ :showSearch.sync="showSearch"
|
|
|
+ @queryTable="getList"
|
|
|
+ ></right-toolbar>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-table v-loading="loading" :data="channelList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="channelList"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
<el-table-column label="主键ID" align="center" prop="id" />
|
|
|
<el-table-column label="渠道名称" align="center" prop="channelName" />
|
|
@@ -113,7 +139,11 @@
|
|
|
<el-table-column label="联系电话" align="center" prop="telephone" />
|
|
|
<el-table-column label="渠道负责人" align="center" prop="channelHead" />
|
|
|
<el-table-column label="状态" align="center" prop="status" />
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
size="mini"
|
|
@@ -121,20 +151,22 @@
|
|
|
icon="el-icon-edit"
|
|
|
@click="handleUpdate(scope.row)"
|
|
|
v-hasPermi="['invest:channel:edit']"
|
|
|
- >修改</el-button>
|
|
|
+ >修改</el-button
|
|
|
+ >
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
type="text"
|
|
|
icon="el-icon-delete"
|
|
|
@click="handleDelete(scope.row)"
|
|
|
v-hasPermi="['invest:channel:remove']"
|
|
|
- >删除</el-button>
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
-
|
|
|
+
|
|
|
<pagination
|
|
|
- v-show="total>0"
|
|
|
+ v-show="total > 0"
|
|
|
:total="total"
|
|
|
:page.sync="queryParams.pageNum"
|
|
|
:limit.sync="queryParams.pageSize"
|
|
@@ -142,13 +174,31 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改渠道信息对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="open"
|
|
|
+ width="1000px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ class="special-el-form"
|
|
|
+ ref="form"
|
|
|
+ :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="120px"
|
|
|
+ >
|
|
|
<el-form-item label="渠道名称" prop="channelName">
|
|
|
<el-input v-model="form.channelName" placeholder="请输入渠道名称" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="简介" prop="channelBlurb">
|
|
|
- <el-input v-model="form.channelBlurb" placeholder="请输入简介" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="类别" prop="channelType">
|
|
|
+ <el-select v-model="form.channelType" placeholder="请选择类别">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.channel_type"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="联系人" prop="contacts">
|
|
|
<el-input v-model="form.contacts" placeholder="请输入联系人" />
|
|
@@ -160,13 +210,51 @@
|
|
|
<el-input v-model="form.address" placeholder="请输入地址" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="渠道负责人" prop="channelHead">
|
|
|
- <el-input v-model="form.channelHead" placeholder="请输入渠道负责人" />
|
|
|
+ <div class="el-input__inner inputSimulation" @click="openSelectDept">
|
|
|
+ {{ form.channelHead ? form.channelHead : "请选择渠道负责人" }}
|
|
|
+ </div>
|
|
|
+ <selecDept
|
|
|
+ ref="selecDepts"
|
|
|
+ @getDeptUserInfo="getDeptUserInfo"
|
|
|
+ :deptId="deptId"
|
|
|
+ ></selecDept>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="备注" prop="mark">
|
|
|
- <el-input v-model="form.mark" placeholder="请输入备注" />
|
|
|
+ <el-form-item label="状态" prop="status">
|
|
|
+ <el-select v-model="form.status" placeholder="请选择状态">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.channel_status"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="是否删除" prop="delFlag">
|
|
|
- <el-input v-model="form.delFlag" placeholder="请输入是否删除" />
|
|
|
+ <el-form-item label="附件" prop="file">
|
|
|
+ <fileItem
|
|
|
+ ref="fileItems"
|
|
|
+ :id="form.id"
|
|
|
+ @getFileList="getFileList"
|
|
|
+ ></fileItem>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="简介"
|
|
|
+ prop="channelBlurb"
|
|
|
+ class="special-el-form-item"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ rows="4"
|
|
|
+ type="textarea"
|
|
|
+ v-model="form.channelBlurb"
|
|
|
+ placeholder="请输入简介"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注" prop="mark" class="special-el-form-item">
|
|
|
+ <el-input
|
|
|
+ rows="4"
|
|
|
+ type="textarea"
|
|
|
+ v-model="form.mark"
|
|
|
+ placeholder="请输入备注"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
@@ -178,13 +266,24 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { listChannel, getChannel, delChannel, addChannel, updateChannel } from "@/api/invest/channel";
|
|
|
+import {
|
|
|
+ listChannel,
|
|
|
+ getChannel,
|
|
|
+ delChannel,
|
|
|
+ addChannel,
|
|
|
+ updateChannel,
|
|
|
+} from "@/api/invest/channel";
|
|
|
+import selecDept from "../components/selecDept";
|
|
|
+import fileItem from "../components/fileItem";
|
|
|
|
|
|
export default {
|
|
|
name: "Channel",
|
|
|
- dicts: ["channel_type"],
|
|
|
+ components: { fileItem, selecDept },
|
|
|
+ dicts: ["channel_type", "channel_status"],
|
|
|
data() {
|
|
|
return {
|
|
|
+ fileList: [],
|
|
|
+ deptId: "",
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 选中数组
|
|
@@ -210,26 +309,64 @@ export default {
|
|
|
channelName: null,
|
|
|
channelCode: null,
|
|
|
channelType: null,
|
|
|
+ channelBlurb: null,
|
|
|
contacts: null,
|
|
|
telephone: null,
|
|
|
channelHead: null,
|
|
|
status: null,
|
|
|
},
|
|
|
// 表单参数
|
|
|
- form: {},
|
|
|
+ form: {
|
|
|
+ id: null,
|
|
|
+ channelName: null,
|
|
|
+ channelCode: null,
|
|
|
+ channelType: null,
|
|
|
+ channelBlurb: null,
|
|
|
+ contacts: null,
|
|
|
+ telephone: null,
|
|
|
+ address: null,
|
|
|
+ channelHead: null,
|
|
|
+ status: null,
|
|
|
+ mark: null,
|
|
|
+ delFlag: null,
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ listFile: null,
|
|
|
+ },
|
|
|
// 表单校验
|
|
|
rules: {
|
|
|
- }
|
|
|
+ channelName: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
|
+ channelType: [{ required: true, trigger: "change", message: "请选择" }],
|
|
|
+ channelBlurb: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
|
+ contacts: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
|
+ telephone: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
|
+ address: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
|
+ channelHead: [{ required: true, trigger: "change", message: "请选择" }],
|
|
|
+ status: [{ required: true, trigger: "change", message: "请选择" }],
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 选择部门人
|
|
|
+ openSelectDept() {
|
|
|
+ this.$refs.selecDepts.show();
|
|
|
+ },
|
|
|
+ getDeptUserInfo(info) {
|
|
|
+ this.form.channelHead = info[0].nickName;
|
|
|
+ },
|
|
|
+ // 获取fileList
|
|
|
+ getFileList(fileList) {
|
|
|
+ this.fileList = fileList;
|
|
|
+ },
|
|
|
/** 查询渠道信息列表 */
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
|
- listChannel(this.queryParams).then(response => {
|
|
|
+ listChannel(this.queryParams).then((response) => {
|
|
|
this.channelList = response.rows;
|
|
|
this.total = response.total;
|
|
|
this.loading = false;
|
|
@@ -258,7 +395,8 @@ export default {
|
|
|
createBy: null,
|
|
|
createTime: null,
|
|
|
updateBy: null,
|
|
|
- updateTime: null
|
|
|
+ updateTime: null,
|
|
|
+ listFile: null,
|
|
|
};
|
|
|
this.resetForm("form");
|
|
|
},
|
|
@@ -274,38 +412,45 @@ export default {
|
|
|
},
|
|
|
// 多选框选中数据
|
|
|
handleSelectionChange(selection) {
|
|
|
- this.ids = selection.map(item => item.id)
|
|
|
- this.single = selection.length!==1
|
|
|
- this.multiple = !selection.length
|
|
|
+ this.ids = selection.map((item) => item.id);
|
|
|
+ this.single = selection.length !== 1;
|
|
|
+ this.multiple = !selection.length;
|
|
|
},
|
|
|
/** 新增按钮操作 */
|
|
|
handleAdd() {
|
|
|
+ let that = this;
|
|
|
this.reset();
|
|
|
this.open = true;
|
|
|
this.title = "添加渠道信息";
|
|
|
+ setTimeout(() => {
|
|
|
+ that.$refs.fileItems.fileList = [];
|
|
|
+ }, 200);
|
|
|
},
|
|
|
/** 修改按钮操作 */
|
|
|
handleUpdate(row) {
|
|
|
this.reset();
|
|
|
- const id = row.id || this.ids
|
|
|
- getChannel(id).then(response => {
|
|
|
+ const id = row.id || this.ids;
|
|
|
+ getChannel(id).then((response) => {
|
|
|
this.form = response.data;
|
|
|
this.open = true;
|
|
|
this.title = "修改渠道信息";
|
|
|
+ this.$refs.fileItems.getListFileBusinessId(id);
|
|
|
});
|
|
|
},
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
- this.$refs["form"].validate(valid => {
|
|
|
+ this.$refs["form"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
+ this.form.listFile = this.fileList;
|
|
|
+
|
|
|
if (this.form.id != null) {
|
|
|
- updateChannel(this.form).then(response => {
|
|
|
+ updateChannel(this.form).then((response) => {
|
|
|
this.$modal.msgSuccess("修改成功");
|
|
|
this.open = false;
|
|
|
this.getList();
|
|
|
});
|
|
|
} else {
|
|
|
- addChannel(this.form).then(response => {
|
|
|
+ addChannel(this.form).then((response) => {
|
|
|
this.$modal.msgSuccess("新增成功");
|
|
|
this.open = false;
|
|
|
this.getList();
|
|
@@ -317,19 +462,27 @@ export default {
|
|
|
/** 删除按钮操作 */
|
|
|
handleDelete(row) {
|
|
|
const ids = row.id || this.ids;
|
|
|
- this.$modal.confirm('是否确认删除渠道信息编号为"' + ids + '"的数据项?').then(function() {
|
|
|
- return delChannel(ids);
|
|
|
- }).then(() => {
|
|
|
- this.getList();
|
|
|
- this.$modal.msgSuccess("删除成功");
|
|
|
- }).catch(() => {});
|
|
|
+ this.$modal
|
|
|
+ .confirm('是否确认删除渠道信息编号为"' + ids + '"的数据项?')
|
|
|
+ .then(function () {
|
|
|
+ return delChannel(ids);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.$modal.msgSuccess("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
},
|
|
|
/** 导出按钮操作 */
|
|
|
handleExport() {
|
|
|
- this.download('invest/channel/export', {
|
|
|
- ...this.queryParams
|
|
|
- }, `channel_${new Date().getTime()}.xlsx`)
|
|
|
- }
|
|
|
- }
|
|
|
+ this.download(
|
|
|
+ "invest/channel/export",
|
|
|
+ {
|
|
|
+ ...this.queryParams,
|
|
|
+ },
|
|
|
+ `channel_${new Date().getTime()}.xlsx`
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|