Skip to content

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

埋点页面接口联调

上级 3d5d62a9
显示空白字符变更
内嵌 并排
正在显示 包含 143 行增加 和 74 行删除
src/views/strack-data/create-point.vue
浏览文件 @ ae2f7bbc
......@@ -12,7 +12,7 @@
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-col :span="8">
<el-form-item label="所属页面">
<el-select v-model="searchParam.pageId" clearable placeholder="请选择所属页面" style="width:200px">
<el-select v-model="searchParam.pageId" @change="search(1)" clearable placeholder="请选择所属页面" style="width:200px">
<el-option
v-for="(eItem,eIndex) in pageSelect"
:key="eIndex"
......@@ -22,7 +22,7 @@
</el-select>
</el-form-item>
<el-form-item label="发布版本">
<el-select v-model="searchParam.releaseVersion" clearable placeholder="请选择发布版本" style="width:200px">
<el-select v-model="searchParam.releaseVersion" @change="search(1)" clearable placeholder="请选择发布版本" style="width:200px">
<el-option
v-for="(eItem,eIndex) in versionSelect"
:key="eIndex"
......@@ -34,7 +34,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="事件类型">
<el-select v-model="searchParam.actionType" clearable placeholder="请选择事件类型" style="width:200px">
<el-select v-model="searchParam.actionType" @change="search(1)" clearable placeholder="请选择事件类型" style="width:200px">
<el-option
v-for="(eItem,eIndex) in actionSelect"
:key="eIndex"
......@@ -44,7 +44,7 @@
</el-select>
</el-form-item>
<el-form-item label="当前处理人">
<el-select v-model="searchParam.handlerId" clearable placeholder="请选择当前处理人" style="width:200px">
<el-select v-model="searchParam.handlerId" @change="search(1)" clearable placeholder="请选择当前处理人" style="width:200px">
<el-option
v-for="(eItem,eIndex) in memberSelect"
:key="eIndex"
......@@ -77,7 +77,7 @@
</el-form-item>
</div>
<el-form-item label="状态">
<el-select v-model="searchParam.status" clearable placeholder="请选择状态" style="width:200px">
<el-select v-model="searchParam.status" @change="search(1)" clearable placeholder="请选择状态" style="width:200px">
<el-option
v-for="(eItem,eIndex) in statusSelect"
:key="eIndex"
......@@ -95,25 +95,25 @@
:data="tableData"
style="width: 100%"
:empty-text="tableText">
<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="120" align="left"></el-table-column>
<el-table-column prop="menuName" label="发布时间" min-width="140" align="left"></el-table-column>
<el-table-column prop="img" label="图例" min-width="150" align="left">
<el-table-column prop="pageCode" label="事件编码" min-width="100" align="left"></el-table-column>
<el-table-column prop="actionName" label="事件名" min-width="120" align="left"></el-table-column>
<el-table-column prop="pageName" label="所属页面" min-width="100" align="left"></el-table-column>
<el-table-column prop="actionTypeValue" label="事件类型" min-width="100" align="left"></el-table-column>
<el-table-column prop="releaseVersion" label="发布版本" min-width="100" align="left"></el-table-column>
<el-table-column prop="releaseTime" label="发布时间" min-width="100" align="left"></el-table-column>
<el-table-column prop="img" label="图例" min-width="100" align="left">
<template slot-scope="scope">
<img :src="scope.row.img" />
<img :src="scope.row.actionPath" style="width: 80px;"/>
</template>
</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="handlerName" label="当前处理人" min-width="100" align="left"></el-table-column>
<el-table-column prop="statusValue" 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="visitData(scope.row)">指派</el-button>
<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 :disabled="scope.row.assignBtnStatus == 2" type="primary" size="small" @click="assignDialog(scope.row)">指派</el-button>
<el-button :disabled="scope.row.editBtnStatus == 2" type="primary" size="small" @click="editColumn(scope.row)">编辑</el-button>
<el-button :disabled="scope.row.offLineBtnStatus != 2" type="primary" size="small" @click="downPage(scope.row)">下线</el-button>
<el-button type="primary" size="small" @click="detail(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
......@@ -130,36 +130,36 @@
:total="totalRows">
</el-pagination>
</div>
<!-- 编辑埋点 -->
<!-- 指派 -->
<el-dialog
title="指派"
:visible.sync="dialogVisible"
:visible.sync="assignVisible"
width="30%">
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-form ref="changeForm"
:model="form"
<el-form ref="assignForm"
:model="assignForm"
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-form-item label="任务状态" prop="changeStatus">
<el-select v-model="assignForm.status" placeholder="请选择任务状态" style="width:200px">
<el-option
v-for="(eItem,eIndex) in statusSelect"
v-for="(eItem,eIndex) in assignstatusSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
:label="eItem.name"
:value="eItem.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="人员流转" prop="member">
<el-select v-model="form.member" placeholder="请选择人员流转" style="width:200px">
<el-form-item label="指派人" prop="member">
<el-select v-model="assignForm.handlerIds" multiple placeholder="请选择指派人" style="width:200px">
<el-option
v-for="(eItem,eIndex) in memberSelect"
v-for="(eItem,eIndex) in assignSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
:label="eItem.name"
:value="eItem.id + '&' + eItem.name">
</el-option>
</el-select>
</el-form-item>
......@@ -167,10 +167,11 @@
</el-form>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="confirmChange">确 定</el-button>
<el-button @click="assignVisible = false">取 消</el-button>
<el-button type="primary" @click="confirmAssign">确 定</el-button>
</span>
</el-dialog>
<!-- 编辑埋点 -->
<el-dialog
title="编辑埋点"
:visible.sync="dialogVisible"
......@@ -246,31 +247,28 @@
</el-dialog>
<!-- 下线页面 -->
<el-dialog
title="下线页面"
title="下线埋点"
:visible.sync="downPageVisible"
width="30%">
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-form ref="downForm"
:model="form"
:model="downForm"
label-width="150px"
label-suffix=":"
label-position="right"
size="mini">
<el-col :span="20">
<el-form-item label="页面名">
<span>首页</span>
<el-form-item label="事件名">
<div>{{downForm.actionName}}</div>
</el-form-item>
<el-form-item label="页面编码">
<span>00010001</span>
<el-form-item label="事件编码">
<span>{{downForm.actionCode}}</span>
</el-form-item>
<el-form-item label="实现方式">
<span>首页</span>
</el-form-item>
<el-form-item label="归属模块">
<span>00010001</span>
<span>{{downForm.implementMethod}}</span>
</el-form-item>
<el-form-item label="下线版本" prop="bigModule">
<el-select v-model="form.bigModule" clearable placeholder="请选择下线版本" style="width:200px">
<el-form-item v-if="downForm.implementMethodId == 2" label="下线版本" prop="offVersion">
<el-select v-model="downForm.offVersion" clearable placeholder="请选择下线版本" style="width:200px">
<el-option
v-for="(eItem,eIndex) in versionSelect"
:key="eIndex"
......@@ -279,14 +277,13 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="下线时间" prop="bigModule">
<el-form-item v-if="downForm.implementMethodId == 1" label="下线时间" prop="offTime">
<el-date-picker
type="date"
placeholder="下线时间"
v-model="form.releaseTime"
style="width: 150px;"
value-format="yyyy-MM-dd 23:59:59"
@change="search(1)">
placeholder="请选择下线时间"
v-model="downForm.offTime"
style="width: 140px;"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -294,7 +291,7 @@
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="downPageVisible = false">取 消</el-button>
<el-button type="primary" @click="saveDownConfirm">确 定</el-button>
<el-button type="primary" @click="updateConfim">确 定</el-button>
</span>
</el-dialog>
</div>
......@@ -323,16 +320,33 @@ export default {
totalRows: 0,
dialogVisible: false,
downPageVisible: false,
assignVisible: false,
tableData: [],
form: {
changeStatus: '',
member: ''
},
assignForm: { // 任务指派
handlerIds: [],
id: '',
status: ''
},
downForm: { // 下线
pageName: '',
pageCode: '',
implementMethod: '',
implementMethodId: '',
id: '',
offTime: '',
offVersion: ''
},
statusSelect: [],
versionSelect: [],
memberSelect: [],
pageSelect: [],
actionSelect: [],
assignstatusSelect: [],
assignSelect: [],
rules: [],
imageUrl: ''
}
......@@ -405,30 +419,84 @@ export default {
}
);
},
search() {
search(param) {
if(param) this.searchParam.pageNo = 1;
this.searchParam.releaseTimeStart = new Date(this.startTime).getTime();
this.searchParam.releaseTimeEnd = new Date(this.endTime).getTime();
let req = this.searchParam;
this.getData(
"post", `/basic-data/bi/pageAction/list`, req,
res => {
this.tableData = res.data.contentList;
this.totalRows = res.data.total;
if(this.tableData.length == 0) {
this.tableText = param ? "暂无数据" : '暂无匹配的结果';
}
}
);
},
// 编辑
editColumn(row) {
this.dialogVisible = true;
},
// 保存编辑
editPointConfirm() {
},
// 保存下线
saveDownConfirm() {
// 下线页面
downPage(row) {
this.downForm.offTime = '';
this.downForm.offVersion = '';
this.downForm = Object.assign({ id: row.id }, row);
this.downPageVisible = true;
},
// 流转
exchange() {
this.dialogVisible = true;
// 保存下线页面
updateConfim() {
this.getData(
"post", `/basic-data/bi/pageAction/offLine`, this.downForm,
res => {
this.$message.success("下线成功");
this.downPageVisible = false;
this.search();
}
);
},
// 确认流转
confirmChange() {
this.dialogVisible = false;
// 指派
assignDialog(row) {
this.assignVisible = true;
this.assignForm.id = row.pageId;
this.assignForm.handlerIds = [];
this.assignForm.status = '';
this.getData(
"get", `/basic-data/bi/constants/assign/detail?status=${row.status}`, {},
res => {
this.assignstatusSelect = res.data.statusList;
this.assignSelect = res.data.handlerList;
}
);
},
// 确定指派
confirmAssign() {
this.assignForm.handlerIds.forEach((item, index) => {
this.assignForm.handlerIds[index] = {
id: item.split("&")[0],
name: item.split("&")[1]
}
})
this.getData(
"post", `/basic-data/bi/pageAction/assign`, this.assignForm,
res => {
this.$message.success("指派成功");
this.assignVisible = false;
this.search();
}
);
},
// 编辑
editColumn(row) {
this.$router.push({path: 'create-point', query: {}})
// 查看详情
detail() {
},
// 上传页面图片
beforeAvatarUpload(file) {
let _this = this;
......
src/views/strack-data/strack-list.vue
浏览文件 @ ae2f7bbc
......@@ -112,7 +112,7 @@
<el-table-column prop="releaseVersion" label="发布版本" min-width="80" align="left"></el-table-column>
<el-table-column label="图例" min-width="120" align="left">
<template slot-scope="scope">
<img :src="scope.row.imageUrl" style="width: 100px;"/>
<img :src="scope.row.imageUrl" style="width: 80px;"/>
</template>
</el-table-column>
<el-table-column prop="handlerNames" label="处理人" min-width="100" align="left"></el-table-column>
......@@ -234,7 +234,7 @@
<el-form-item label="页面编码">
<span>{{form.pageCode}}</span>
</el-form-item>
<el-form-item label="事件名">
<el-form-item label="事件名" prop="actionName">
<el-input v-model="form.actionName" placeholder="请输入事件名" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="事件类型" prop="actionType">
......@@ -377,7 +377,7 @@
</el-select>
</el-form-item>
<el-form-item label="指派人" prop="member">
<el-select v-model="assignForm.handlerIds" multiple placeholder="请选择指派人" style="width:200px">
<el-select v-model="assignForm.handlerIds" multiple filterable placeholder="请选择指派人" style="width:200px">
<el-option
v-for="(eItem,eIndex) in assignSelect"
:key="eIndex"
......@@ -448,7 +448,7 @@ export default {
implementMethodId: '',
moduleId: '',
name: '',
releaseTime: 0,
releaseTime: '',
releaseVersion: ''
},
assignForm: { // 任务指派
......@@ -681,6 +681,7 @@ export default {
}
this.form.pageName = row.pageName;
this.form.pageCode = row.pageCode;
this.form.implementMethodId = row.implementMethodId;
},
// 保存新建埋点
saveCreateAndEditMenu() {
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或