Skip to content

P
pica-sensitive-admin
提交 0b71e155 编写于 作者: huangwensu's avatar huangwensu
浏览文件
操作

接口联调

上级 a79a0311
显示空白字符变更
内嵌 并排
正在显示 包含 177 行增加 和 56 行删除
src/views/strack-data/strack-list.vue
浏览文件 @ 0b71e155
......@@ -5,12 +5,16 @@
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-col :span="15">
<el-form-item label="">
<el-input v-model="searchParam.menuCode" clearable placeholder="请输入要查找的页面或事件编码或名称" style="width:400px;margin-left: -74px;"></el-input>
<el-input
v-model="searchParam.menuCode"
clearable
placeholder="请输入要查找的页面或事件编码或名称"
style="width:400px;margin-left: -74px;"
@change="searchList(1)"></el-input>
</el-form-item>
</el-col>
<el-col :span="9" style="padding:0;text-align:right;padding-right:15px;">
<el-button type="default" size="small" @click="search(1)">搜索</el-button>
<el-button type="primary" size="small" @click="createPage">新建页面</el-button>
<el-button type="primary" size="small" @click="createAndEditPage">新建页面</el-button>
</el-col>
</el-row>
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
......@@ -21,11 +25,12 @@
placeholder="请选择发布时间"
v-model="searchParam.modifyDate"
style="width: 200px;"
value-format="yyyy-MM-dd">
value-format="yyyy-MM-dd"
@change="searchList(1)">
</el-date-picker>
</el-form-item>
<el-form-item label="发布版本">
<el-select v-model="searchParam.version" clearable placeholder="请选择发布版本" style="width:200px">
<el-select v-model="searchParam.version" clearable @change="searchList(1)" placeholder="请选择发布版本" style="width:200px">
<el-option
v-for="(eItem,eIndex) in versionSelect"
:key="eIndex"
......@@ -37,44 +42,44 @@
</el-col>
<el-col :span="8">
<el-form-item label="所属模块">
<el-select v-model="searchParam.smallModule" clearable placeholder="请选择所属模块" style="width:200px">
<el-select v-model="searchParam.smallModule" clearable @change="searchList(1)" placeholder="请选择所属模块" style="width:200px">
<el-option
v-for="(eItem,eIndex) in smallModuleSelect"
v-for="(eItem,eIndex) in moduleSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
:label="eItem.name"
:value="eItem.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="当前处理人">
<el-select v-model="searchParam.member" clearable placeholder="请选择当前处理人" style="width:200px">
<el-select v-model="searchParam.member" clearable @change="searchList(1)" placeholder="请选择当前处理人" style="width:200px">
<el-option
v-for="(eItem,eIndex) in memberSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
:label="eItem.name"
:value="eItem.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实现方式">
<el-select v-model="searchParam.style" clearable placeholder="请选择实现方式" style="width:200px">
<el-select v-model="searchParam.style" clearable @change="searchList(1)" placeholder="请选择实现方式" style="width:200px">
<el-option
v-for="(item,index) in styleSelect"
:key="index"
:label="item"
:value="item">
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="searchParam.status" clearable placeholder="请选择状态" style="width:200px">
<el-select v-model="searchParam.status" clearable @change="searchList(1)" placeholder="请选择状态" style="width:200px">
<el-option
v-for="(eItem,eIndex) in statusSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
:label="eItem.name"
:value="eItem.id">
</el-option>
</el-select>
</el-form-item>
......@@ -90,12 +95,12 @@
:empty-text="tableText"
@row-click="tableRowClick">
<el-table-column prop="menuCode" label="页面编码" min-width="100" align="left"></el-table-column>
<el-table-column prop="menuName" label="页面名" min-width="140" align="left"></el-table-column>
<el-table-column prop="stepEndName" label="实现方式" min-width="100" align="left"></el-table-column>
<el-table-column prop="menuCode" label="归属模块" min-width="140" align="left"></el-table-column>
<el-table-column prop="menuName" label="发布时间" min-width="140" align="left"></el-table-column>
<el-table-column prop="menuName" label="发布版本" min-width="120" align="left"></el-table-column>
<el-table-column prop="img" label="图例" min-width="150" align="left">
<el-table-column prop="menuName" label="页面名" min-width="120" align="left"></el-table-column>
<el-table-column prop="stepEndName" label="实现方式" min-width="80" align="left"></el-table-column>
<el-table-column prop="menuCode" label="归属模块" min-width="100" align="left"></el-table-column>
<el-table-column prop="menuName" label="发布时间" min-width="100" align="left"></el-table-column>
<el-table-column prop="menuName" label="发布版本" min-width="80" align="left"></el-table-column>
<el-table-column prop="img" label="图例" min-width="120" align="left">
<template slot-scope="scope">
<img :src="scope.row.img" />
</template>
......@@ -104,10 +109,10 @@
<el-table-column prop="menuName" label="状态" min-width="80" align="left"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" min-width="200">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="editColumn(scope.row)">编辑</el-button>
<el-button type="primary" size="small" @click="downPage(scope.row)">下线</el-button>
<el-button type="primary" size="small" @click="createPoing(scope.row)">新建埋点</el-button>
<el-button type="primary" size="small" @click="visitData(scope.row)">指派</el-button>
<el-button type="primary" size="small" @click.stop="createAndEditPage(scope.row)">编辑</el-button>
<el-button type="primary" size="small" @click.stop="downPage(scope.row)">下线</el-button>
<el-button type="primary" size="small" @click.stop="createPoing(scope.row)">新建埋点</el-button>
<el-button type="primary" size="small" @click.stop="assignDialog(scope.row)">指派</el-button>
</template>
</el-table-column>
</el-table>
......@@ -175,7 +180,7 @@
<el-form-item label="发布时间" prop="smallModule">
<el-select v-model="pageForm.smallModule" clearable placeholder="请选择发布时间" style="width:200px">
<el-option
v-for="(eItem,eIndex) in smallModuleSelect"
v-for="(eItem,eIndex) in moduleSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
......@@ -185,7 +190,7 @@
<el-form-item label="发布版本" prop="smallModule">
<el-select v-model="pageForm.smallModule" clearable placeholder="请选择发布版本" style="width:200px">
<el-option
v-for="(eItem,eIndex) in smallModuleSelect"
v-for="(eItem,eIndex) in versionSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
......@@ -324,8 +329,49 @@
</el-form>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="saveCreateAndEditMenu">确 定</el-button>
<el-button @click="downPageVisible = false">取 消</el-button>
<el-button type="primary" @click="updateConfim">确 定</el-button>
</span>
</el-dialog>
<!-- 流转 -->
<el-dialog
title="指派"
:visible.sync="assignVisible"
width="30%">
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-form ref="changeForm"
:model="form"
label-width="150px"
label-suffix=":"
label-position="right"
size="mini">
<el-col :span="20">
<el-form-item label="状态流转" prop="changeStatus">
<el-select v-model="form.changeStatus" placeholder="请选择状态流转" style="width:200px">
<el-option
v-for="(eItem,eIndex) in statusSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="人员流转" prop="member">
<el-select v-model="form.member" placeholder="请选择人员流转" style="width:200px">
<el-option
v-for="(eItem,eIndex) in memberSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-form>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="assignVisible = false">取 消</el-button>
<el-button type="primary" @click="confirmAssign">确 定</el-button>
</span>
</el-dialog>
</div>
......@@ -340,6 +386,7 @@ export default {
dialogVisible: false,
creatPageVisible: false,
downPageVisible: false,
assignVisible: false,
searchParam: {
menuCode: '',
actionCode: '',
......@@ -353,7 +400,7 @@ export default {
pageNo: 1,
pageSize: 15
},
smallModuleSelect: [],
moduleSelect: [],
styleSelect: [],
bigModuleSelect: [],
memberSelect: [],
......@@ -406,35 +453,116 @@ export default {
}
},
mounted() {
this.getVersionList();
this.getStatusList();
this.getCurrentData();
this.getStyleList();
this.getModuleList();
},
methods: {
// 封装一下请求通用的方法
getData(type, url, req, callback) {
openLoading(this);
this.$axios[type](localStorage.getItem("lectureUrl") + url, req)
.then(res => {
closeLoading(this);
let data = res.data;
if (data.code == "000000") {
if (callback) callback(data);
} else {
this.$message.error(data.message);
}
})
},
// 获取版本号
getVersionList() {
this.getData(
"get", `/basic-data/bi/constants/releaseVersionList`, {},
res => {
this.versionSelect = res.data;
}
);
},
// 获取状态
getStatusList() {
this.getData(
"get", `/basic-data/bi/constants/statusList`, {},
res => {
this.statusSelect = res.data;
}
);
},
// 获取当前处理人
getCurrentData() {
this.getData(
"get", `/basic-data/bi/constants/userList`, {},
res => {
this.memberSelect = res.data;
}
);
},
// 获取实现方式
getStyleList() {
this.getData(
"get", `/basic-data/bi/constants/implementMethodList`, {},
res => {
this.styleSelect = res.data;
}
);
},
// 获取所属模块
getModuleList() {
this.getData(
"get", `/basic-data/bi/constants/moduleList`, {},
res => {
this.moduleSelect = res.data;
}
);
},
// 点击表格某一行
tableRowClick(row, column, event) {
console.log("=========", row)
this.$router.push({path: 'strack-detail', query: {}})
},
search(param) {
// 搜索
searchList(param) {
if(param) this.searchParam.pageNo = 1;
let req = this.searchParam;
this.getData(
"get", `/session/funnel/list?searchName=${this.searchParam.searchName}&pageNo=${this.searchParam.pageNo}&pageSize=${this.searchParam.pageSize}`, {},
res => {
this.tableData = res.data.data;
this.totalRows = res.data.totalRows;
if(this.tableData.length == 0) {
this.tableText = param ? "暂无数据" : '暂无匹配的结果';
}
}
);
},
// 新建页面
createPage() {
// 新建编辑页面
createAndEditPage() {
this.creatPageVisible = true;
},
// 保存新建编辑页面
saveCreatePageMenu() {
},
// 新建menu
createMenu() {
// 下线页面
downPage(row) {
this.downPageVisible = true;
},
// 保存下线页面
updateConfim() {
},
// 新建页面埋点
createPoing(row) {
this.dialogVisible = true;
if(this.$refs.menuForm) {
this.$refs.menuForm.resetFields();
}
},
// 编辑menu
editColumn(row) {
this.dialogVisible = true;
},
// 保存新建/编辑menu
// 保存新建页面埋点
saveCreateAndEditMenu() {
this.$refs.menuForm.validate((valid) => {
if (valid) {
......@@ -442,20 +570,13 @@ export default {
}
});
},
// 下线页面
downPage(row) {
this.downPageVisible = true;
// 指派
assignDialog(row) {
this.assignVisible = true;
},
confirmDownPage() {
// 确定指派
confirmAssign() {
},
// 新建页面埋点
createPoing(row) {
this.$router.push({path: 'create-point', query: {}})
},
// 查看详情
visitData(row) {
this.$router.push({path: 'strack-detail', query: {}})
},
// 上传menu图片
beforeAvatarUpload(file) {
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或