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