Skip to content

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

编辑埋点页面

上级 02d1b5f4
显示空白字符变更
内嵌 并排
正在显示 包含 175 行增加 和 50 行删除
src/views/strack-data/create-point.vue
浏览文件 @ 3d5d62a9
...@@ -5,24 +5,24 @@ ...@@ -5,24 +5,24 @@
<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.action" clearable placeholder="请输入要查找的埋点编码或名称" style="width:400px;margin-left: -74px;"></el-input>
</el-form-item> </el-form-item>
</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;">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="所属页面"> <el-form-item label="所属页面">
<el-select v-model="searchParam.version" clearable placeholder="请选择所属页面" style="width:200px"> <el-select v-model="searchParam.pageId" clearable placeholder="请选择所属页面" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in versionSelect" v-for="(eItem,eIndex) in pageSelect"
: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.version" clearable placeholder="请选择发布版本" style="width:200px"> <el-select v-model="searchParam.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"
...@@ -34,58 +34,67 @@ ...@@ -34,58 +34,67 @@
</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.actionType" clearable placeholder="请选择事件类型" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in smallModuleSelect" v-for="(eItem,eIndex) in actionSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem.value"
:value="eItem"> :value="eItem.no">
</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.handlerId" 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"
: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">
<div class="time-container">
<el-form-item label="发布时间"> <el-form-item label="发布时间">
<el-select v-model="searchParam.style" clearable placeholder="请选择发布时间" style="width:200px"> <el-date-picker
<el-option type="date"
v-for="(item,index) in styleSelect" placeholder="开始时间"
:key="index" v-model="startTime"
:label="item" style="width: 150px;"
:value="item"> value-format="yyyy-MM-dd 00:00:00"
</el-option> @change="search(1)">
</el-select> </el-date-picker>
<span>-</span>
<el-date-picker
type="date"
placeholder="结束时间"
v-model="endTime"
style="width: 150px;"
value-format="yyyy-MM-dd 23:59:59"
@change="search(1)">
</el-date-picker>
</el-form-item> </el-form-item>
</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" 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"
: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-row> </el-row>
</el-form> </el-form>
<!-- 表格 --> <!-- 表格 -->
<el-table <el-table
class="search-table" class="search-table"
:data="tableData" :data="tableData"
style="width: 100%" style="width: 100%"
:empty-text="tableText" :empty-text="tableText">
@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="140" 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="100" align="left"></el-table-column>
...@@ -121,7 +130,7 @@ ...@@ -121,7 +130,7 @@
:total="totalRows"> :total="totalRows">
</el-pagination> </el-pagination>
</div> </div>
<!-- 流转 --> <!-- 编辑埋点 -->
<el-dialog <el-dialog
title="指派" title="指派"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
...@@ -163,7 +172,7 @@ ...@@ -163,7 +172,7 @@
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog
title="新建(编辑)menu" title="编辑埋点"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
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;">
...@@ -187,17 +196,17 @@ ...@@ -187,17 +196,17 @@
<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.style" clearable placeholder="请选择实现方式" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in styleSelect" v-for="(eItem,eIndex) in actionSelect"
: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="bigModule"> <el-form-item label="发布版本" prop="bigModule">
<el-select v-model="form.bigModule" clearable placeholder="请选择模块大类" style="width:200px"> <el-select v-model="form.bigModule" clearable placeholder="请选择模块大类" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in bigModuleSelect" v-for="(eItem,eIndex) in versionSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem"
:value="eItem"> :value="eItem">
...@@ -218,7 +227,7 @@ ...@@ -218,7 +227,7 @@
<el-form-item label="额外投递1" prop="bigModule"> <el-form-item label="额外投递1" prop="bigModule">
<el-select v-model="form.bigModule" clearable placeholder="请选择额外投递1" style="width:200px"> <el-select v-model="form.bigModule" clearable placeholder="请选择额外投递1" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in bigModuleSelect" v-for="(eItem,eIndex) in actionSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem"
:value="eItem"> :value="eItem">
...@@ -232,7 +241,7 @@ ...@@ -232,7 +241,7 @@
</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="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="saveCreateAndEditMenu">确 定</el-button> <el-button type="primary" @click="editPointConfirm">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!-- 下线页面 --> <!-- 下线页面 -->
...@@ -246,7 +255,6 @@ ...@@ -246,7 +255,6 @@
label-width="150px" label-width="150px"
label-suffix=":" label-suffix=":"
label-position="right" label-position="right"
:rules="downRules"
size="mini"> size="mini">
<el-col :span="20"> <el-col :span="20">
<el-form-item label="页面名"> <el-form-item label="页面名">
...@@ -264,7 +272,7 @@ ...@@ -264,7 +272,7 @@
<el-form-item label="下线版本" prop="bigModule"> <el-form-item label="下线版本" prop="bigModule">
<el-select v-model="form.bigModule" clearable placeholder="请选择下线版本" style="width:200px"> <el-select v-model="form.bigModule" clearable placeholder="请选择下线版本" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in bigModuleSelect" v-for="(eItem,eIndex) in versionSelect"
:key="eIndex" :key="eIndex"
:label="eItem" :label="eItem"
:value="eItem"> :value="eItem">
...@@ -272,45 +280,141 @@ ...@@ -272,45 +280,141 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="下线时间" prop="bigModule"> <el-form-item label="下线时间" prop="bigModule">
<el-select v-model="form.bigModule" clearable placeholder="请选择下线时间" style="width:200px"> <el-date-picker
<el-option type="date"
v-for="(eItem,eIndex) in bigModuleSelect" placeholder="下线时间"
:key="eIndex" v-model="form.releaseTime"
:label="eItem" style="width: 150px;"
:value="eItem"> value-format="yyyy-MM-dd 23:59:59"
</el-option> @change="search(1)">
</el-select> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</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="saveDownConfirm">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { isEmptyUtils, openLoading, closeLoading } from '../../common/utils';
export default { export default {
data() { data() {
return { return {
startTime: '',
endTime: '',
tableText: '',
searchParam: {
action: '',
actionType: '',
pageId: '',
handlerId: '',
implementMethodId: '',
releaseTimeStart: 0,
releaseTimeEnd: 0,
releaseVersion: '',
status: '',
pageNo: 1,
pageSize: 15
},
totalRows: 0,
dialogVisible: false, dialogVisible: false,
tableData: [{}], downPageVisible: false,
tableData: [],
form: { form: {
changeStatus: '', changeStatus: '',
member: '' member: ''
}, },
statusSelect: [], statusSelect: [],
memberSelect: [] versionSelect: [],
memberSelect: [],
pageSelect: [],
actionSelect: [],
rules: [],
imageUrl: ''
} }
}, },
mounted() { mounted() {
this.getPageList();
this.getVersionList();
this.getStatusList();
this.getCurrentData();
this.getActionList();
this.search(); this.search();
}, },
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);
}
})
},
// 获取页面列表
getPageList() {
this.getData(
"get", `/basic-data/bi/constants/pageList`, {},
res => {
this.pageSelect = res.data;
}
);
},
// 获取版本号
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/action`, {},
res => {
this.memberSelect = res.data;
}
);
},
// 获取事件类型下拉数据
getActionList() {
this.getData(
"get", `/basic-data/constants/app/P251`, {},
res => {
this.actionSelect = res.data;
}
);
},
search() { search() {
},
// 保存编辑
editPointConfirm() {
},
// 保存下线
saveDownConfirm() {
}, },
// 流转 // 流转
exchange() { exchange() {
...@@ -324,6 +428,27 @@ export default { ...@@ -324,6 +428,27 @@ export default {
// 编辑 // 编辑
editColumn(row) { editColumn(row) {
this.$router.push({path: 'create-point', query: {}}) this.$router.push({path: 'create-point', query: {}})
},
// 上传页面图片
beforeAvatarUpload(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.location = path.fullPath;
_this.$message.success('上传成功');
});
return false;
},
handleSizeChange(value) {
this.searchParam.pageSize = value;
this.search();
},
handleCurrentChange(value) {
this.searchParam.pageNo = value;
this.search();
} }
} }
} }
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或