Skip to content

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

创建埋点页面

上级 5787f7e4
展开全部 隐藏空白字符变更
内嵌 并排
正在显示 包含 355 行增加 和 265 行删除
src/router/index.js
浏览文件 @ 02d1b5f4
......@@ -43,15 +43,11 @@ export default new Router({
path: '/path-data',
component: resolve => require(['../views/user-path/funnel-data.vue'], resolve)
},
{ // 页面埋点管理
{ // 页面管理
path: '/strack-list',
component: resolve => require(['../views/strack-data/strack-list.vue'], resolve)
},
{ // 页面埋点管理
path: '/strack-detail',
component: resolve => require(['../views/strack-data/strack-detail.vue'], resolve)
},
{ // 页面埋点管理
{ // 埋点管理
path: '/create-point',
component: resolve => require(['../views/strack-data/create-point.vue'], resolve)
}
......
src/views/strack-data/strack-list.vue
浏览文件 @ 02d1b5f4
......@@ -237,13 +237,13 @@
<el-form-item label="事件名">
<el-input v-model="form.actionName" placeholder="请输入事件名" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="事件类型" prop="style">
<el-form-item label="事件类型" prop="actionType">
<el-select v-model="form.actionType" clearable placeholder="请选择事件类型" style="width:200px">
<el-option
v-for="(eItem,eIndex) in actionTypeSelect"
v-for="(eItem,eIndex) in actionSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
:label="eItem.value"
:value="eItem.no">
</el-option>
</el-select>
</el-form-item>
......@@ -266,28 +266,31 @@
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="上传图例" prop="location">
<el-form-item label="上传图例" prop="actionPath">
<el-upload
v-model="form.actionPath"
class="avatar-uploader"
action="#"
:show-file-list="false"
:before-upload="beforeAvatarUpload">
:before-upload="uploadActionPath">
<img v-if="!form.actionPath" class="bg-img" src="../../../static/img/default.png">
<img v-if="form.actionPath" class="bg-img" :src="form.actionPath">
</el-upload>
</el-form-item>
<el-form-item label="额外投递1" prop="bigModule">
<el-select v-model="form.bigModule" clearable placeholder="请选择额外投递1" style="width:200px">
<el-option
v-for="(eItem,eIndex) in actionSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
<el-form-item label="额外投递1" prop="tagCodeList">
<div v-for="(item, index) in tagArray" :key="index">
<el-select v-model="form.tagCodeList" multiple clearable placeholder="请选择额外投递1" style="width:200px">
<el-option
v-for="(eItem,eIndex) in tagSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
<i class="el-icon-remove-outline"></i>
<i class="el-icon-circle-plus-outline"></i>
</el-select>
</div>
</el-form-item>
</el-col>
</el-form>
......@@ -399,6 +402,7 @@ import { isEmptyUtils, openLoading, closeLoading } from '../../common/utils';
export default {
data() {
return {
tagArray: [{name: ''}],
startTime: '',
endTime: '',
rowId: 0,
......@@ -425,20 +429,19 @@ export default {
memberSelect: [],
statusSelect: [],
versionSelect: [],
actionSelect: [],
assignSelect: [],
assignstatusSelect: [],
actionTypeSelect: [],
actionSelect: [],
tagSelect: [],
tableData: [],
totalRows: 0,
tableText: '无匹配结果',
form: { // 新建埋点页面
menuCode: '',
menuName: '',
style: '',
bigModule: '',
smallModule: '',
location: ''
actionName: '',
actionType: '',
releaseVersion: '',
releaseTime: '',
actionPath: '',
},
pageForm: { // 新建（编辑）页面
imageUrl: '',
......@@ -464,23 +467,19 @@ export default {
offVersion: ''
},
rules: {
menuCode: [
{ required: true, message: '请输入menu_code', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
menuName: [
{ required: true, message: '请输入menu_name', trigger: 'blur' }
actionName: [
{ required: true, message: '请输入事件名', trigger: 'blur' },
],
style: [
{ required: true, message: '请选择实现方式', trigger: 'change' }
actionType: [
{ required: true, message: '请选择事件类型', trigger: 'blur' }
],
bigModule: [
{ required: true, message: '请选择模块大类', trigger: 'change' }
releaseTime: [
{ required: true, message: '请选择发布时间', trigger: 'change' }
],
smallModule: [
{ required: true, message: '请选择模块小类', trigger: 'change' }
releaseVersion: [
{ required: true, message: '请选择发布版本', trigger: 'change' }
],
location: [
actionPath: [
{ required: true, message: '请上传位置图片', trigger: 'change' }
]
},
......@@ -586,6 +585,15 @@ export default {
}
);
},
// 获取事件类型下拉数据
getActionList() {
this.getData(
"get", `/basic-data/constants/app/P251`, {},
res => {
this.actionSelect = res.data;
}
);
},
// 点击表格某一行
tableRowClick(row, column, event) {
console.log("=========", row)
......@@ -666,10 +674,13 @@ export default {
},
// 新建埋点
createPoing(row) {
this.getActionList();
this.dialogVisible = true;
if(this.$refs.menuForm) {
this.$refs.menuForm.resetFields();
}
this.form.pageName = row.pageName;
this.form.pageCode = row.pageCode;
},
// 保存新建埋点
saveCreateAndEditMenu() {
......@@ -723,6 +734,19 @@ export default {
});
return false;
},
// 上传埋点图片
uploadActionPath(file) {
let _this = this;
if (isEmptyUtils(file)) {
return;
}
_this.$message.info('开始上传');
doUpload(_this, file, getFilePath(file,null), 'preview4', 'progress1', 1).then(function (path) {
_this.form.actionPath = path.fullPath;
_this.$message.success('上传成功');
});
return false;
},
handleSizeChange(value) {
this.searchParam.pageSize = value;
this.searchList();
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或