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 @@ ...@@ -5,12 +5,16 @@
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;"> <el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-col :span="15"> <el-col :span="15">
<el-form-item label=""> <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-form-item>
</el-col> </el-col>
<el-col :span="9" style="padding:0;text-align:right;padding-right:15px;"> <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="createAndEditPage">新建页面</el-button>
<el-button type="primary" size="small" @click="createPage">新建页面</el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;"> <el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
...@@ -21,11 +25,12 @@ ...@@ -21,11 +25,12 @@
placeholder="请选择发布时间" placeholder="请选择发布时间"
v-model="searchParam.modifyDate" v-model="searchParam.modifyDate"
style="width: 200px;" style="width: 200px;"
value-format="yyyy-MM-dd"> value-format="yyyy-MM-dd"
@change="searchList(1)">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="发布版本"> <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 <el-option
v-for="(eItem,eIndex) in versionSelect" v-for="(eItem,eIndex) in versionSelect"
:key="eIndex" :key="eIndex"
...@@ -37,44 +42,44 @@ ...@@ -37,44 +42,44 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="所属模块"> <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 <el-option
v-for="(eItem,eIndex) in smallModuleSelect" v-for="(eItem,eIndex) in moduleSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem.name"
:value="eItem"> :value="eItem.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="当前处理人"> <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 <el-option
v-for="(eItem,eIndex) in memberSelect" v-for="(eItem,eIndex) in memberSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem.name"
:value="eItem"> :value="eItem.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="实现方式"> <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 <el-option
v-for="(item,index) in styleSelect" v-for="(item,index) in styleSelect"
:key="index" :key="index"
:label="item" :label="item.name"
:value="item"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="状态"> <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 <el-option
v-for="(eItem,eIndex) in statusSelect" v-for="(eItem,eIndex) in statusSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem.name"
:value="eItem"> :value="eItem.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -90,12 +95,12 @@ ...@@ -90,12 +95,12 @@
:empty-text="tableText" :empty-text="tableText"
@row-click="tableRowClick"> @row-click="tableRowClick">
<el-table-column prop="menuCode" label="页面编码" min-width="100" 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="140" align="left"></el-table-column> <el-table-column prop="menuName" label="页面名" min-width="120" align="left"></el-table-column>
<el-table-column prop="stepEndName" label="实现方式" min-width="100" 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="140" 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="140" 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="120" 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="150" align="left"> <el-table-column prop="img" label="图例" min-width="120" align="left">
<template slot-scope="scope"> <template slot-scope="scope">
<img :src="scope.row.img" /> <img :src="scope.row.img" />
</template> </template>
...@@ -104,10 +109,10 @@ ...@@ -104,10 +109,10 @@
<el-table-column prop="menuName" label="状态" min-width="80" align="left"></el-table-column> <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"> <el-table-column label="操作" fixed="right" align="center" min-width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" size="small" @click="editColumn(scope.row)">编辑</el-button> <el-button type="primary" size="small" @click.stop="createAndEditPage(scope.row)">编辑</el-button>
<el-button type="primary" size="small" @click="downPage(scope.row)">下线</el-button> <el-button type="primary" size="small" @click.stop="downPage(scope.row)">下线</el-button>
<el-button type="primary" size="small" @click="createPoing(scope.row)">新建埋点</el-button> <el-button type="primary" size="small" @click.stop="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="assignDialog(scope.row)">指派</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -175,7 +180,7 @@ ...@@ -175,7 +180,7 @@
<el-form-item label="发布时间" prop="smallModule"> <el-form-item label="发布时间" prop="smallModule">
<el-select v-model="pageForm.smallModule" clearable placeholder="请选择发布时间" style="width:200px"> <el-select v-model="pageForm.smallModule" clearable placeholder="请选择发布时间" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in smallModuleSelect" v-for="(eItem,eIndex) in moduleSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem"
:value="eItem"> :value="eItem">
...@@ -185,7 +190,7 @@ ...@@ -185,7 +190,7 @@
<el-form-item label="发布版本" prop="smallModule"> <el-form-item label="发布版本" prop="smallModule">
<el-select v-model="pageForm.smallModule" clearable placeholder="请选择发布版本" style="width:200px"> <el-select v-model="pageForm.smallModule" clearable placeholder="请选择发布版本" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in smallModuleSelect" v-for="(eItem,eIndex) in versionSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem"
:value="eItem"> :value="eItem">
...@@ -324,8 +329,49 @@ ...@@ -324,8 +329,49 @@
</el-form> </el-form>
</el-row> </el-row>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="downPageVisible = false">取 消</el-button>
<el-button type="primary" @click="saveCreateAndEditMenu">确 定</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> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -340,6 +386,7 @@ export default { ...@@ -340,6 +386,7 @@ export default {
dialogVisible: false, dialogVisible: false,
creatPageVisible: false, creatPageVisible: false,
downPageVisible: false, downPageVisible: false,
assignVisible: false,
searchParam: { searchParam: {
menuCode: '', menuCode: '',
actionCode: '', actionCode: '',
...@@ -353,7 +400,7 @@ export default { ...@@ -353,7 +400,7 @@ export default {
pageNo: 1, pageNo: 1,
pageSize: 15 pageSize: 15
}, },
smallModuleSelect: [], moduleSelect: [],
styleSelect: [], styleSelect: [],
bigModuleSelect: [], bigModuleSelect: [],
memberSelect: [], memberSelect: [],
...@@ -406,35 +453,116 @@ export default { ...@@ -406,35 +453,116 @@ export default {
} }
}, },
mounted() { mounted() {
this.getVersionList();
this.getStatusList();
this.getCurrentData();
this.getStyleList();
this.getModuleList();
}, },
methods: { 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) { tableRowClick(row, column, event) {
console.log("=========", row) console.log("=========", row)
this.$router.push({path: 'strack-detail', query: {}})
}, },
search(param) { // 搜索
searchList(param) {
if(param) this.searchParam.pageNo = 1; 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; this.creatPageVisible = true;
}, },
// 保存新建编辑页面
saveCreatePageMenu() { saveCreatePageMenu() {
}, },
// 新建menu // 下线页面
createMenu() { downPage(row) {
this.downPageVisible = true;
},
// 保存下线页面
updateConfim() {
},
// 新建页面埋点
createPoing(row) {
this.dialogVisible = true; this.dialogVisible = true;
if(this.$refs.menuForm) { if(this.$refs.menuForm) {
this.$refs.menuForm.resetFields(); this.$refs.menuForm.resetFields();
} }
}, },
// 编辑menu // 保存新建页面埋点
editColumn(row) {
this.dialogVisible = true;
},
// 保存新建/编辑menu
saveCreateAndEditMenu() { saveCreateAndEditMenu() {
this.$refs.menuForm.validate((valid) => { this.$refs.menuForm.validate((valid) => {
if (valid) { if (valid) {
...@@ -442,20 +570,13 @@ export default { ...@@ -442,20 +570,13 @@ export default {
} }
}); });
}, },
// 下线页面 // 指派
downPage(row) { assignDialog(row) {
this.downPageVisible = true; this.assignVisible = true;
}, },
confirmDownPage() { // 确定指派
confirmAssign() {
},
// 新建页面埋点
createPoing(row) {
this.$router.push({path: 'create-point', query: {}})
},
// 查看详情
visitData(row) {
this.$router.push({path: 'strack-detail', query: {}})
}, },
// 上传menu图片 // 上传menu图片
beforeAvatarUpload(file) { beforeAvatarUpload(file) {
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或