Skip to content

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

页面编辑

上级 602d3009
隐藏空白字符变更
内嵌 并排
正在显示 包含 168 行增加 和 32 行删除
src/views/strack-data/create-point.vue
浏览文件 @ d8d8112d
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<el-breadcrumb-item :to="{ path: '/strack-list' }">页面埋点管理</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/strack-list' }">页面埋点管理</el-breadcrumb-item>
<el-breadcrumb-item>新建(编辑)页面埋点</el-breadcrumb-item> <el-breadcrumb-item>新建(编辑)页面埋点</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<el-form ref="form" label-width="120px" :model="form"> <el-form ref="form" label-width="180px" :model="form" label-suffix=":">
<el-form-item label="menu_code"> <el-form-item label="menu_code">
<el-input disabled v-model="form.menuCode" style="width: 30%;"></el-input> <el-input disabled v-model="form.menuCode" style="width: 30%;"></el-input>
</el-form-item> </el-form-item>
...@@ -12,10 +12,20 @@ ...@@ -12,10 +12,20 @@
<el-input disabled v-model="form.menuName" style="width: 30%;"></el-input> <el-input disabled v-model="form.menuName" style="width: 30%;"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="action_code"> <el-form-item label="action_code">
<el-input disabled v-model="form.actionCode" style="width: 30%;"></el-input> <el-input v-model="form.actionCode" placeholder="请输入action_code(保存后不可修改)" style="width: 30%;"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="action_name"> <el-form-item label="action_name">
<el-input v-model="form.actionName" style="width: 30%;"></el-input> <el-input v-model="form.actionName" placeholder="请输入action_name" style="width: 30%;"></el-input>
</el-form-item>
<el-form-item label="上线时app_version">
<el-select v-model="form.member" placeholder="请选择app_version" 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>
<el-form-item label="下一个负责人"> <el-form-item label="下一个负责人">
<el-select v-model="form.member" placeholder="请下一个负责人" style="width:30%;"> <el-select v-model="form.member" placeholder="请下一个负责人" style="width:30%;">
...@@ -28,7 +38,7 @@ ...@@ -28,7 +38,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="Tag_type"> <el-form-item label="Tag_type">
<el-select v-model="tagType1" @click="changeTag1" style="width:10%;"> <el-select v-model="tagType1" @change="changeTag1" style="width:10%;">
<el-option <el-option
v-for="(eItem,eIndex) in tagSelect" v-for="(eItem,eIndex) in tagSelect"
:key="eIndex" :key="eIndex"
...@@ -80,7 +90,18 @@ ...@@ -80,7 +90,18 @@
:value="eItem.value"> :value="eItem.value">
</el-option> </el-option>
</el-select> </el-select>
<el-input v-model="tag5" placeholder="请输入第五个Tag" clearable style="width:20%;"></el-input> <el-input v-model="tag5" placeholder="请输入最后一个Tag" clearable style="width:20%;"></el-input>
</el-form-item>
<el-form-item label="ACTION_TYPE">
<el-select v-model="actionType" style="width:10%;">
<el-option
v-for="(eItem,eIndex) in tagSelect"
:key="eIndex"
:label="eItem.label"
:value="eItem.value">
</el-option>
</el-select>
<el-input v-model="tag5" placeholder="请输入component_tag投递规则" clearable style="width:20%;"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="上传涂鸦图片:" prop="filePath"> <el-form-item label="上传涂鸦图片:" prop="filePath">
<el-upload <el-upload
...@@ -95,6 +116,34 @@ ...@@ -95,6 +116,34 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div id="tui-image-editor"></div> <div id="tui-image-editor"></div>
<!-- 新建tag -->
<el-dialog
title="新建tag_type"
:visible.sync="dialogVisible"
width="30%">
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-form ref="tagForm"
:model="form"
label-width="150px"
label-suffix=":"
label-position="right"
:rules="rules"
size="mini">
<el-col :span="20">
<el-form-item label="新tag_type名称" prop="typeName">
<el-input v-model="form.typeName" placeholder="请输入新tag type的名称" style="width: 250px;"></el-input>
</el-form-item>
<el-form-item label="新type定义" prop="type">
<el-input v-model="form.type" placeholder="请输入新tag定义内容" style="width: 250px;"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="confirmCreate">确 定</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
...@@ -105,6 +154,7 @@ import { isEmptyUtils, openLoading, closeLoading,messageBox } from '../../common ...@@ -105,6 +154,7 @@ import { isEmptyUtils, openLoading, closeLoading,messageBox } from '../../common
export default { export default {
data() { data() {
return { return {
dialogVisible: false,
imageUrl: '', imageUrl: '',
form: { form: {
menuCode: '', menuCode: '',
...@@ -132,6 +182,19 @@ export default { ...@@ -132,6 +182,19 @@ export default {
tag4: '', tag4: '',
tagType5: '', tagType5: '',
tag5: '', tag5: '',
actionType: '',
form: {
typeName: '',
type: ''
},
rules: {
typeName:[
{ required: true, message: '请输入新的tag_type名称', trigger: 'blur' }
],
type:[
{ required: true, message: '请输入新type定义', trigger: 'blur' }
],
}
} }
}, },
mounted() { mounted() {
...@@ -170,12 +233,21 @@ export default { ...@@ -170,12 +233,21 @@ export default {
_this.$message.success('上传成功'); _this.$message.success('上传成功');
}); });
return false; return false;
}, },
changeTag1(val) { changeTag1(val) {
if(!val) { if(!val) {
this.dialogVisible = true;
this.tagType1 = '';
}
},
confirmCreate() {
this.$refs.form.validate((valid) => {
if(valid) {
}
})
}
}
}
} }
} }
</script> </script>
......
src/views/strack-data/strack-detail.vue
浏览文件 @ d8d8112d
...@@ -24,29 +24,93 @@ ...@@ -24,29 +24,93 @@
<el-table-column prop="member" label="当前处理人" width="120" align="center"></el-table-column> <el-table-column prop="member" label="当前处理人" width="120" 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="createPoing(scope.row)">流转</el-button> <el-button type="primary" size="small" @click="exchange(scope.row)">流转</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table-column> </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="createPoing(scope.row)">已发布</el-button> <el-button type="primary" size="small" @click="publish(scope.row)">已发布</el-button>
<el-button type="primary" size="small" @click="editColumn(scope.row)">编辑</el-button> <el-button type="primary" size="small" @click="editColumn(scope.row)">编辑</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 流转 -->
<el-dialog
title="指派"
:visible.sync="dialogVisible"
width="30%">
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
<el-form ref="changeForm"
:model="form"
label-width="150px"
label-suffix=":"
label-position="right"
size="mini">
<el-col :span="20">
<el-form-item label="状态流转" prop="changeStatus">
<el-select v-model="form.changeStatus" placeholder="请选择状态流转" style="width:200px">
<el-option
v-for="(eItem,eIndex) in statusSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="人员流转" prop="member">
<el-select v-model="form.member" placeholder="请选择人员流转" style="width:200px">
<el-option
v-for="(eItem,eIndex) in memberSelect"
:key="eIndex"
:label="eItem"
:value="eItem">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-form>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="confirmChange">确 定</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
tableData: [{}] dialogVisible: false,
tableData: [{}],
form: {
changeStatus: '',
member: ''
},
statusSelect: [],
memberSelect: []
} }
}, },
mounted() {
this.search();
},
methods: { methods: {
editColumn() { search() {
},
// 流转
exchange() {
this.dialogVisible = true;
},
// 确认流转
confirmChange() {
this.dialogVisible = false;
this.search();
},
// 编辑
editColumn(row) {
this.$router.push({path: 'create-point', query: {}})
} }
} }
} }
......
src/views/strack-data/strack-list.vue
浏览文件 @ d8d8112d
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<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="menu_code">
<el-input v-model="searchParam.menuCode" placeholder="请选择menu_code" style="width:200px"></el-input> <el-input v-model="searchParam.menuCode" clearable placeholder="请选择menu_code" 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
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</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" placeholder="请选择模块大类" style="width:200px"> <el-select v-model="searchParam.bigModule" clearable placeholder="请选择模块大类" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in bigModuleSelect" v-for="(eItem,eIndex) in bigModuleSelect"
:key="eIndex" :key="eIndex"
...@@ -29,10 +29,10 @@ ...@@ -29,10 +29,10 @@
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="action_code"> <el-form-item label="action_code">
<el-input v-model="searchParam.actionCode" placeholder="请选择action_code" style="width:200px"></el-input> <el-input v-model="searchParam.actionCode" clearable placeholder="请选择action_code" style="width:200px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="实现方式"> <el-form-item label="实现方式">
<el-select v-model="searchParam.style" placeholder="请选择实现方式" style="width:200px"> <el-select v-model="searchParam.style" clearable placeholder="请选择实现方式" style="width:200px">
<el-option <el-option
v-for="(eItem,eIndex) in styleSelect" v-for="(eItem,eIndex) in styleSelect"
:key="eIndex" :key="eIndex"
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="模块小类"> <el-form-item label="模块小类">
<el-select v-model="searchParam.smallModule" placeholder="请选择模块小类" style="width:200px"> <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"
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="当前处理人"> <el-form-item label="当前处理人">
<el-select v-model="searchParam.member" placeholder="请选择当前处理人" style="width:200px"> <el-select v-model="searchParam.member" 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"
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="上线版本"> <el-form-item label="上线版本">
<el-select v-model="searchParam.version" placeholder="请选择上线版本" style="width:200px"> <el-select v-model="searchParam.version" 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"
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="状态"> <el-form-item label="状态">
<el-select v-model="searchParam.status" 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"
...@@ -123,9 +123,9 @@ ...@@ -123,9 +123,9 @@
:total="totalRows"> :total="totalRows">
</el-pagination> </el-pagination>
</div> </div>
<!-- 新建menu --> <!-- 新建(编辑)menu -->
<el-dialog <el-dialog
title="新建menu" title="新建(编辑)menu"
: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;">
...@@ -138,13 +138,13 @@ ...@@ -138,13 +138,13 @@
size="mini"> size="mini">
<el-col :span="20"> <el-col :span="20">
<el-form-item label="menu_code" prop="menuCode"> <el-form-item label="menu_code" prop="menuCode">
<el-input v-model="form.menuCode" placeholder="请选择menu_code" style="width:200px"></el-input> <el-input v-model="form.menuCode" placeholder="请输入menu_code(保存后不可修改)" style="width:200px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="menu_name" prop="menuName"> <el-form-item label="menu_name" prop="menuName">
<el-input v-model="form.menuName" placeholder="请选择action_code" style="width:200px"></el-input> <el-input v-model="form.menuName" placeholder="请输入menu_name" 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" 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 styleSelect"
:key="eIndex" :key="eIndex"
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
</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" 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 bigModuleSelect"
:key="eIndex" :key="eIndex"
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="模块小类" prop="smallModule"> <el-form-item label="模块小类" prop="smallModule">
<el-select v-model="form.smallModule" placeholder="请选择模块小类" style="width:200px"> <el-select v-model="form.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"
...@@ -270,7 +270,7 @@ export default { ...@@ -270,7 +270,7 @@ export default {
this.dialogVisible = true; this.dialogVisible = true;
this.$refs.menuForm.resetFields(); this.$refs.menuForm.resetFields();
}, },
// 编辑 // 编辑menu
editColumn(row) { editColumn(row) {
this.dialogVisible = true; this.dialogVisible = true;
}, },
...@@ -300,7 +300,7 @@ export default { ...@@ -300,7 +300,7 @@ export default {
saveCreateAndEditMenu() { saveCreateAndEditMenu() {
this.$refs.menuForm.validate((valid) => { this.$refs.menuForm.validate((valid) => {
if (valid) { if (valid) {
this.search();
} }
}); });
}, },
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或