Skip to content

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

修改页面列表

上级 d8d8112d
隐藏空白字符变更
内嵌 并排
正在显示 包含 177 行增加 和 63 行删除
index.html
浏览文件 @ 02c0838e
...@@ -16,11 +16,16 @@ ...@@ -16,11 +16,16 @@
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.0/fabric.js"></script>
<script type="text/javascript" src="https://uicdn.toast.com/tui.code-snippet/v1.5.0/tui-code-snippet.min.js"></script>
<script type="text/javascript" src="https://uicdn.toast.com/tui-color-picker/v2.2.6/tui-color-picker.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>
<script src="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.js"></script>
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
<!--oss upload start--> <!--oss upload start-->
<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-5.1.1.min.js"></script> <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-5.1.1.min.js"></script>
<script src="https://unpkg.com/qiniu-js@2.2.0/dist/qiniu.min.js"></script> <script src="https://unpkg.com/qiniu-js@2.2.0/dist/qiniu.min.js"></script>
<script src="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.js"></script>
<!--oss upload end--> <!--oss upload end-->
</body> </body>
</html> </html>
package-lock.json
浏览文件 @ 02c0838e
...@@ -11,6 +11,17 @@ ...@@ -11,6 +11,17 @@
"requires": { "requires": {
"fabric": "4.2.0", "fabric": "4.2.0",
"tui-image-editor": "^3.11.0" "tui-image-editor": "^3.11.0"
},
"dependencies": {
"fabric": {
"version": "4.2.0",
"resolved": "http://192.168.110.93:4873/fabric/-/fabric-4.2.0.tgz",
"integrity": "sha1-wW2vVVmp7UV9Ue65OAmVZe8bRLo=",
"requires": {
"canvas": "^2.6.1",
"jsdom": "^15.2.1"
}
}
} }
}, },
"abab": { "abab": {
...@@ -3321,9 +3332,9 @@ ...@@ -3321,9 +3332,9 @@
"optional": true "optional": true
}, },
"fabric": { "fabric": {
"version": "4.2.0", "version": "4.3.0",
"resolved": "http://192.168.110.93:4873/fabric/-/fabric-4.2.0.tgz", "resolved": "http://192.168.110.93:4873/fabric/-/fabric-4.3.0.tgz",
"integrity": "sha1-wW2vVVmp7UV9Ue65OAmVZe8bRLo=", "integrity": "sha1-xCHKF/2n64AG9YpAHN5ln63+GqY=",
"requires": { "requires": {
"canvas": "^2.6.1", "canvas": "^2.6.1",
"jsdom": "^15.2.1" "jsdom": "^15.2.1"
...@@ -8629,6 +8640,17 @@ ...@@ -8629,6 +8640,17 @@
"fabric": "4.2.0", "fabric": "4.2.0",
"tui-code-snippet": "^1.5.0", "tui-code-snippet": "^1.5.0",
"tui-color-picker": "^2.2.6" "tui-color-picker": "^2.2.6"
},
"dependencies": {
"fabric": {
"version": "4.2.0",
"resolved": "http://192.168.110.93:4873/fabric/-/fabric-4.2.0.tgz",
"integrity": "sha1-wW2vVVmp7UV9Ue65OAmVZe8bRLo=",
"requires": {
"canvas": "^2.6.1",
"jsdom": "^15.2.1"
}
}
} }
}, },
"tunnel-agent": { "tunnel-agent": {
......
src/views/strack-data/create-point.vue
浏览文件 @ 02c0838e
...@@ -27,16 +27,6 @@ ...@@ -27,16 +27,6 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="下一个负责人">
<el-select v-model="form.member" placeholder="请下一个负责人" style="width:30%;">
<el-option
v-for="(eItem,eIndex) in memberSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="Tag_type"> <el-form-item label="Tag_type">
<el-select v-model="tagType1" @change="changeTag1" style="width:10%;"> <el-select v-model="tagType1" @change="changeTag1" style="width:10%;">
<el-option <el-option
......
src/views/strack-data/strack-list.vue
浏览文件 @ 02c0838e
<template> <template>
<div class="strack-list-contrainer"> <div class="strack-list-contrainer">
<div class="title">页面埋点管理</div> <div class="title">页面列表</div>
<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="form" :model="searchParam" label-suffix=":" label-width="120px" label-position="right" style="width:100%;"> <el-form ref="form" :model="searchParam" label-suffix=":" label-width="120px" label-position="right" style="width:100%;">
<el-col :span="7"> <el-col :span="7">
<el-form-item label="menu_code"> <el-form-item label="(页面/事件)的(编码/名称)">
<el-input v-model="searchParam.menuCode" clearable placeholder="请选择menu_code" style="width:200px"></el-input> <el-input v-model="searchParam.menuCode" clearable placeholder="请输入(页面/事件)的(编码/名称)" style="width:200px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="最后修改日期"> <el-form-item label="发布时间">
<el-date-picker <el-date-picker
type="date" type="date"
placeholder="请选择最后修改日期" placeholder="请选择发布时间"
v-model="searchParam.modifyDate" v-model="searchParam.modifyDate"
style="width: 200px;" style="width: 200px;"
value-format="yyyy-MM-dd"> value-format="yyyy-MM-dd">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="模块大类"> <el-form-item label="发布版本">
<el-select v-model="searchParam.bigModule" clearable placeholder="请选择模块大类" style="width:200px"> <el-select v-model="searchParam.version" 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">
...@@ -28,21 +28,8 @@ ...@@ -28,21 +28,8 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="action_code"> <el-form-item label="所属模块">
<el-input v-model="searchParam.actionCode" clearable placeholder="请选择action_code" style="width:200px"></el-input> <el-select v-model="searchParam.smallModule" clearable placeholder="请选择所属模块" style="width:200px">
</el-form-item>
<el-form-item label="实现方式">
<el-select v-model="searchParam.style" clearable placeholder="请选择实现方式" style="width:200px">
<el-option
v-for="(eItem,eIndex) in styleSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="模块小类">
<el-select v-model="searchParam.smallModule" clearable placeholder="请选择模块小类" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in smallModuleSelect" v-for="(eItem,eIndex) in smallModuleSelect"
:key="eIndex" :key="eIndex"
...@@ -51,8 +38,6 @@ ...@@ -51,8 +38,6 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="当前处理人"> <el-form-item label="当前处理人">
<el-select v-model="searchParam.member" clearable placeholder="请选择当前处理人" style="width:200px"> <el-select v-model="searchParam.member" clearable placeholder="请选择当前处理人" style="width:200px">
<el-option <el-option
...@@ -63,13 +48,15 @@ ...@@ -63,13 +48,15 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="上线版本"> </el-col>
<el-select v-model="searchParam.version" clearable placeholder="请选择上线版本" style="width:200px"> <el-col :span="7">
<el-form-item label="实现方式">
<el-select v-model="searchParam.style" clearable placeholder="请选择实现方式" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in versionSelect" v-for="(item,index) in styleSelect"
:key="eIndex" :key="index"
:label="eItem" :label="item"
:value="eItem"> :value="item">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -86,7 +73,7 @@ ...@@ -86,7 +73,7 @@
</el-col> </el-col>
<el-col :span="3" style="padding:0;text-align:right;padding-right:15px;"> <el-col :span="3" style="padding:0;text-align:right;padding-right:15px;">
<el-button type="default" size="small" @click="search(1)">搜索</el-button> <el-button type="default" size="small" @click="search(1)">搜索</el-button>
<el-button type="primary" size="small" @click="createMenu">新建menu</el-button> <el-button type="primary" size="small" @click="createPage">新建页面</el-button>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
...@@ -96,16 +83,24 @@ ...@@ -96,16 +83,24 @@
:data="tableData" :data="tableData"
style="width: 100%" style="width: 100%"
:empty-text="tableText"> :empty-text="tableText">
<el-table-column prop="menuCode" label="menu_code" min-width="140" align="center"></el-table-column> <el-table-column prop="menuCode" label="页面编码" min-width="140" align="center"></el-table-column>
<el-table-column prop="menuName" label="menu_name" min-width="140" align="center"></el-table-column> <el-table-column prop="menuName" label="页面名" min-width="140" align="center"></el-table-column>
<el-table-column prop="stepEndName" label="实现方式" min-width="150" align="center"></el-table-column> <el-table-column prop="stepEndName" label="实现方式" min-width="150" align="center"></el-table-column>
<el-table-column prop="menuCode" label="模块大类" min-width="140" align="center"></el-table-column> <el-table-column prop="menuCode" label="归属模块" min-width="140" align="center"></el-table-column>
<el-table-column prop="menuName" label="模块小类" min-width="140" align="center"></el-table-column> <el-table-column prop="menuName" label="发布时间" min-width="140" align="center"></el-table-column>
<el-table-column prop="stepEndName" label="页面埋点位置一览" min-width="150" align="center"></el-table-column> <el-table-column prop="menuName" label="发布版本" min-width="140" align="center"></el-table-column>
<el-table-column prop="img" label="图例" min-width="150" align="center">
<template slot-scope="scope">
<img :src="scope.row.img" />
</template>
</el-table-column>
<el-table-column prop="menuName" label="处理人" min-width="140" align="center"></el-table-column>
<el-table-column prop="menuName" label="状态" min-width="140" align="center"></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="editColumn(scope.row)">编辑</el-button> <el-button type="primary" size="small" @click="editColumn(scope.row)">编辑</el-button>
<el-button type="primary" size="small" @click="createPoing(scope.row)">新建页面埋点</el-button> <el-button type="primary" size="small" @click="editColumn(scope.row)">下线</el-button>
<el-button type="primary" size="small" @click="createPoing(scope.row)">新建埋点</el-button>
<el-button type="primary" size="small" @click="visitData(scope.row)">详细</el-button> <el-button type="primary" size="small" @click="visitData(scope.row)">详细</el-button>
</template> </template>
</el-table-column> </el-table-column>
...@@ -123,6 +118,85 @@ ...@@ -123,6 +118,85 @@
:total="totalRows"> :total="totalRows">
</el-pagination> </el-pagination>
</div> </div>
<!-- 新建页面 -->
<el-dialog
title="新建页面"
:visible.sync="creatPageVisible"
width="30%">
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-form ref="creatPageForm"
:model="pageForm"
label-width="150px"
label-suffix=":"
label-position="right"
:rules="pageRules"
size="mini">
<el-col :span="20">
<el-form-item label="页面名" prop="menuCode">
<el-input v-model="pageForm.menuCode" placeholder="请输入页面名" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="页面编码" prop="menuName">
<el-input v-model="pageForm.menuName" placeholder="请输入页面编码" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="实现方式" prop="style">
<el-select v-model="pageForm.style" clearable placeholder="请选择实现方式" style="width:200px">
<el-option
v-for="(eItem,eIndex) in styleSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="归属模块" prop="bigModule">
<el-select v-model="pageForm.bigModule" clearable placeholder="请选择归属模块" style="width:200px">
<el-option
v-for="(eItem,eIndex) in bigModuleSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="发布时间" prop="smallModule">
<el-select v-model="pageForm.smallModule" clearable placeholder="请选择发布时间" style="width:200px">
<el-option
v-for="(eItem,eIndex) in smallModuleSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="发布版本" prop="smallModule">
<el-select v-model="pageForm.smallModule" clearable placeholder="请选择发布版本" style="width:200px">
<el-option
v-for="(eItem,eIndex) in smallModuleSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上传图例" prop="location">
<el-upload
v-model="pageForm.location"
class="avatar-uploader"
action="#"
:show-file-list="false"
:before-upload="beforeAvatarUpload">
<img v-if="!imageUrl" class="bg-img" src="../../../static/img/default.png">
<img v-if="imageUrl" class="bg-img" :src="imageUrl">
</el-upload>
</el-form-item>
</el-col>
</el-form>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="creatPageVisible = false">取 消</el-button>
<el-button type="primary" @click="saveCreatePageMenu">确 定</el-button>
</span>
</el-dialog>
<!-- 新建(编辑)menu --> <!-- 新建(编辑)menu -->
<el-dialog <el-dialog
title="新建(编辑)menu" title="新建(编辑)menu"
...@@ -202,6 +276,7 @@ export default { ...@@ -202,6 +276,7 @@ export default {
return { return {
labelPosition: 'right', labelPosition: 'right',
dialogVisible: false, dialogVisible: false,
creatPageVisible: false,
searchParam: { searchParam: {
menuCode: '', menuCode: '',
actionCode: '', actionCode: '',
...@@ -216,7 +291,13 @@ export default { ...@@ -216,7 +291,13 @@ export default {
pageSize: 15 pageSize: 15
}, },
smallModuleSelect: [], smallModuleSelect: [],
styleSelect: [], styleSelect: [{
label: 'native',
value: 1
},{
label: 'html5',
value: 2
}],
bigModuleSelect: [], bigModuleSelect: [],
memberSelect: [], memberSelect: [],
statusSelect: [], statusSelect: [],
...@@ -225,7 +306,7 @@ export default { ...@@ -225,7 +306,7 @@ export default {
'menuCode': '001' 'menuCode': '001'
}], }],
totalRows: 0, totalRows: 0,
tableText: '你输入错咯，找不到结果啦', tableText: '无匹配结果',
form: { form: {
menuCode: '', menuCode: '',
menuName: '', menuName: '',
...@@ -233,6 +314,9 @@ export default { ...@@ -233,6 +314,9 @@ export default {
bigModule: '', bigModule: '',
smallModule: '', smallModule: '',
location: '' location: ''
},
pageForm: {
}, },
imageUrl: '', imageUrl: '',
rules: { rules: {
...@@ -255,6 +339,9 @@ export default { ...@@ -255,6 +339,9 @@ export default {
location: [ location: [
{ required: true, message: '请上传位置图片', trigger: 'change' } { required: true, message: '请上传位置图片', trigger: 'change' }
] ]
},
pageRules: {
} }
} }
}, },
...@@ -264,16 +351,33 @@ export default { ...@@ -264,16 +351,33 @@ export default {
methods: { methods: {
search(param) { search(param) {
if(param) this.searchParam.pageNo = 1; if(param) this.searchParam.pageNo = 1;
},
// 新建页面
createPage() {
this.creatPageVisible = true;
},
saveCreatePageMenu() {
}, },
// 新建menu // 新建menu
createMenu() { createMenu() {
this.dialogVisible = true; this.dialogVisible = true;
this.$refs.menuForm.resetFields(); if(this.$refs.menuForm) {
this.$refs.menuForm.resetFields();
}
}, },
// 编辑menu // 编辑menu
editColumn(row) { editColumn(row) {
this.dialogVisible = true; this.dialogVisible = true;
}, },
// 保存新建/编辑menu
saveCreateAndEditMenu() {
this.$refs.menuForm.validate((valid) => {
if (valid) {
this.search();
}
});
},
// 新建页面埋点 // 新建页面埋点
createPoing(row) { createPoing(row) {
this.$router.push({path: 'create-point', query: {}}) this.$router.push({path: 'create-point', query: {}})
...@@ -296,14 +400,6 @@ export default { ...@@ -296,14 +400,6 @@ export default {
}); });
return false; return false;
}, },
// 保存新建/编辑menu
saveCreateAndEditMenu() {
this.$refs.menuForm.validate((valid) => {
if (valid) {
this.search();
}
});
},
handleSizeChange(value) { handleSizeChange(value) {
this.searchParam.pageSize = value; this.searchParam.pageSize = value;
this.search(); this.search();
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或