Skip to content

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

埋点页面联调

上级 ae2f7bbc
显示空白字符变更
内嵌 并排
正在显示 包含 132 行增加 和 42 行删除
src/views/strack-data/create-point.vue
浏览文件 @ e6f99bc6
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
v-for="(eItem,eIndex) in pageSelect" v-for="(eItem,eIndex) in pageSelect"
:key="eIndex" :key="eIndex"
:label="eItem.name" :label="eItem.name"
:value="eItem.id"> :value="eItem.id + ''">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -186,16 +186,16 @@ ...@@ -186,16 +186,16 @@
size="mini"> size="mini">
<el-col :span="20"> <el-col :span="20">
<el-form-item label="页面名"> <el-form-item label="页面名">
<span>首页</span> <span>{{form.pageName}}</span>
</el-form-item> </el-form-item>
<el-form-item label="页面编码"> <el-form-item label="页面编码">
<span>00010001</span> <span>{{form.pageCode}}</span>
</el-form-item> </el-form-item>
<el-form-item label="事件名"> <el-form-item label="事件名">
<el-input v-model="form.menuName" 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="style"> <el-form-item label="事件类型" prop="style">
<el-select v-model="form.style" clearable placeholder="请选择实现方式" style="width:200px"> <el-select v-model="form.actionType" 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"
...@@ -204,8 +204,8 @@ ...@@ -204,8 +204,8 @@
</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="form.pageType == 2" label="发布版本" prop="releaseVersion">
<el-select v-model="form.bigModule" clearable placeholder="请选择模块大类" style="width:200px"> <el-select v-model="form.releaseVersion" 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"
...@@ -214,29 +214,44 @@ ...@@ -214,29 +214,44 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="上传图例" prop="location"> <el-form-item v-if="form.pageType == 1" label="发布时间" prop="releaseTime">
<el-date-picker
type="date"
placeholder="结束时间"
v-model="form.releaseTime"
style="width: 150px;"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="上传图例" prop="actionPath">
<el-upload <el-upload
v-model="form.location" v-model="form.actionPath"
class="avatar-uploader" class="avatar-uploader"
action="#" action="#"
:show-file-list="false" :show-file-list="false"
:before-upload="beforeAvatarUpload"> :before-upload="beforeAvatarUpload">
<img v-if="!imageUrl" class="bg-img" src="../../../static/img/default.png"> <img v-if="!form.actionPath" class="bg-img" src="../../../static/img/default.png">
<img v-if="imageUrl" class="bg-img" :src="imageUrl"> <img v-if="form.actionPath" class="bg-img" :src="form.actionPath">
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="额外投递1" prop="bigModule"> <div v-for="(item, index) in form.tagCodeList" :key="index" style="width: 400px;">
<el-select v-model="form.bigModule" clearable placeholder="请选择额外投递1" style="width:200px"> <el-form-item :label="'额外投递' + parseInt(index + 1)" prop="tagCodeList">
<el-select
v-model="item.name"
clearable
placeholder="请选择额外投递"
style="width:200px; margin-bottom: 10px;">
<el-option <el-option
v-for="(eItem,eIndex) in actionSelect" v-for="(eItem,eIndex) in tagSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem.tagName"
:value="eItem"> :value="eItem.tagCode">
</el-option> </el-option>
<i class="el-icon-remove-outline"></i>
<i class="el-icon-circle-plus-outline"></i>
</el-select> </el-select>
<i class="el-icon-circle-plus-outline" @click="addTag(index)"></i>
<i v-if="index > 0" class="el-icon-remove-outline" @click="deleteTag(index)"></i>
</el-form-item> </el-form-item>
</div>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
...@@ -322,9 +337,13 @@ export default { ...@@ -322,9 +337,13 @@ export default {
downPageVisible: false, downPageVisible: false,
assignVisible: false, assignVisible: false,
tableData: [], tableData: [],
form: { form: { // 编辑
changeStatus: '', actionType: '',
member: '' actionName: '',
actionPaty: '',
tagCodeList: [{name: ''}],
releaseTime: '',
releaseVersion: ''
}, },
assignForm: { // 任务指派 assignForm: { // 任务指派
handlerIds: [], handlerIds: [],
...@@ -347,11 +366,18 @@ export default { ...@@ -347,11 +366,18 @@ export default {
actionSelect: [], actionSelect: [],
assignstatusSelect: [], assignstatusSelect: [],
assignSelect: [], assignSelect: [],
rules: [], tagSelect: [],
imageUrl: '' rules: {
},
imageUrl: '',
} }
}, },
created() {
this.searchParam.pageId = this.$route.query.id;
},
mounted() { mounted() {
this.getActionType(this.searchParam.pageId);
this.getPageList(); this.getPageList();
this.getVersionList(); this.getVersionList();
this.getStatusList(); this.getStatusList();
...@@ -374,6 +400,15 @@ export default { ...@@ -374,6 +400,15 @@ export default {
} }
}) })
}, },
// 获取投递列表
getTagList() {
this.getData(
"get", `/basic-data/bi/actionTag/list`, {},
res => {
this.tagSelect = res.data;
}
);
},
// 获取页面列表 // 获取页面列表
getPageList() { getPageList() {
this.getData( this.getData(
...@@ -435,9 +470,29 @@ export default { ...@@ -435,9 +470,29 @@ export default {
} }
); );
}, },
// 获取页面类型
getActionType(id) {
this.getData(
"get", `/basic-data/bi/page/search/pageType?id=${id}`, {},
res => {
this.form.pageType = res.data.name;
}
);
},
// 详情
getActionDetail(id) {
this.getData(
"get", `/basic-data/bi/pageAction/info?pageActionId=${id}`, {},
res => {
this.form = res.data;
}
);
},
// 编辑 // 编辑
editColumn(row) { editColumn(row) {
this.dialogVisible = true; this.dialogVisible = true;
this.getActionDetail(row.id);
this.getTagList();
}, },
// 保存编辑 // 保存编辑
editPointConfirm() { editPointConfirm() {
......
src/views/strack-data/strack-list.vue
浏览文件 @ e6f99bc6
...@@ -277,21 +277,24 @@ ...@@ -277,21 +277,24 @@
<img v-if="form.actionPath" class="bg-img" :src="form.actionPath"> <img v-if="form.actionPath" class="bg-img" :src="form.actionPath">
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="额外投递1" prop="tagCodeList"> <div v-for="(item, index) in form.tagCodeList" :key="index" style="width: 400px;">
<div v-for="(item, index) in tagArray" :key="index"> <el-form-item :label="'额外投递' + parseInt(index + 1)" prop="tagCodeList">
<el-select v-model="form.tagCodeList" multiple clearable placeholder="请选择额外投递1" style="width:200px"> <el-select
v-model="item.name"
clearable
placeholder="请选择额外投递"
style="width:200px; margin-bottom: 10px;">
<el-option <el-option
v-for="(eItem,eIndex) in tagSelect" v-for="(eItem,eIndex) in tagSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem.tagName"
:value="eItem"> :value="eItem.tagCode">
</el-option> </el-option>
</el-select> </el-select>
<i class="el-icon-remove-outline"></i> <i class="el-icon-circle-plus-outline" @click="addTag(index)"></i>
<i class="el-icon-circle-plus-outline"></i> <i v-if="index > 0" class="el-icon-remove-outline" @click="deleteTag(index)"></i>
</div>
</el-form-item> </el-form-item>
</div>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
...@@ -402,7 +405,6 @@ import { isEmptyUtils, openLoading, closeLoading } from '../../common/utils'; ...@@ -402,7 +405,6 @@ import { isEmptyUtils, openLoading, closeLoading } from '../../common/utils';
export default { export default {
data() { data() {
return { return {
tagArray: [{name: ''}],
startTime: '', startTime: '',
endTime: '', endTime: '',
rowId: 0, rowId: 0,
...@@ -442,6 +444,11 @@ export default { ...@@ -442,6 +444,11 @@ export default {
releaseVersion: '', releaseVersion: '',
releaseTime: '', releaseTime: '',
actionPath: '', actionPath: '',
pageType: '',
pageId: '',
pageCode: '',
pageName: '',
tagCodeList: [{name: ''}]
}, },
pageForm: { // 新建（编辑）页面 pageForm: { // 新建（编辑）页面
imageUrl: '', imageUrl: '',
...@@ -531,6 +538,21 @@ export default { ...@@ -531,6 +538,21 @@ export default {
} }
}) })
}, },
addTag(index) {
this.form.tagCodeList.push({name: ''});
},
deleteTag(index) {
this.form.tagCodeList.splice(index, 1);
},
// 获取投递列表
getTagList() {
this.getData(
"get", `/basic-data/bi/actionTag/list`, {},
res => {
this.tagSelect = res.data;
}
);
},
// 获取版本号 // 获取版本号
getVersionList() { getVersionList() {
this.getData( this.getData(
...@@ -596,8 +618,7 @@ export default { ...@@ -596,8 +618,7 @@ export default {
}, },
// 点击表格某一行 // 点击表格某一行
tableRowClick(row, column, event) { tableRowClick(row, column, event) {
console.log("=========", row) this.$router.push({path: 'create-point', query: {id: row.pageId}})
this.$router.push({path: 'strack-detail', query: {}})
}, },
// 搜索 // 搜索
searchList(param) { searchList(param) {
...@@ -675,20 +696,34 @@ export default { ...@@ -675,20 +696,34 @@ export default {
// 新建埋点 // 新建埋点
createPoing(row) { createPoing(row) {
this.getActionList(); this.getActionList();
this.getTagList();
this.dialogVisible = true; this.dialogVisible = true;
if(this.$refs.menuForm) { if(this.$refs.menuForm) {
this.$refs.menuForm.resetFields(); this.$refs.menuForm.resetFields();
} }
this.form.pageId = row.pageId;
this.form.pageName = row.pageName; this.form.pageName = row.pageName;
this.form.pageCode = row.pageCode; this.form.pageCode = row.pageCode;
this.form.pageType = row.implementMethodId;
this.form.implementMethodId = row.implementMethodId; this.form.implementMethodId = row.implementMethodId;
}, },
// 保存新建埋点 // 保存新建埋点
saveCreateAndEditMenu() { saveCreateAndEditMenu() {
this.$refs.menuForm.validate((valid) => { this.$refs.menuForm.validate((valid) => {
if (valid) { if (valid) {
let req = Object.assign({}, this.form);
req.tagCodeList.forEach((item,index) => {
req.tagCodeList[index] = item.name;
})
this.getData(
"post", `/basic-data/bi/pageAction/insert`, req,
res => {
this.$message.success("新建埋点成功");
this.dialogVisible = false;
this.searchList(); this.searchList();
} }
);
}
}); });
}, },
// 指派 // 指派
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或