提交 d8d8112d 编写于 作者: huangwensu's avatar huangwensu

页面编辑

上级 602d3009
......@@ -4,7 +4,7 @@
<el-breadcrumb-item :to="{ path: '/strack-list' }">页面埋点管理</el-breadcrumb-item>
<el-breadcrumb-item>新建(编辑)页面埋点</el-breadcrumb-item>
</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-input disabled v-model="form.menuCode" style="width: 30%;"></el-input>
</el-form-item>
......@@ -12,10 +12,20 @@
<el-input disabled v-model="form.menuName" style="width: 30%;"></el-input>
</el-form-item>
<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 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 label="下一个负责人">
<el-select v-model="form.member" placeholder="请下一个负责人" style="width:30%;">
......@@ -28,7 +38,7 @@
</el-select>
</el-form-item>
<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
v-for="(eItem,eIndex) in tagSelect"
:key="eIndex"
......@@ -80,7 +90,18 @@
:value="eItem.value">
</el-option>
</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 label="上传涂鸦图片:" prop="filePath">
<el-upload
......@@ -95,6 +116,34 @@
</el-form-item>
</el-form>
<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>
</template>
<script>
......@@ -105,6 +154,7 @@ import { isEmptyUtils, openLoading, closeLoading,messageBox } from '../../common
export default {
data() {
return {
dialogVisible: false,
imageUrl: '',
form: {
menuCode: '',
......@@ -132,6 +182,19 @@ export default {
tag4: '',
tagType5: '',
tag5: '',
actionType: '',
form: {
typeName: '',
type: ''
},
rules: {
typeName:[
{ required: true, message: '请输入新的tag_type名称', trigger: 'blur' }
],
type:[
{ required: true, message: '请输入新type定义', trigger: 'blur' }
],
}
}
},
mounted() {
......@@ -170,12 +233,21 @@ export default {
_this.$message.success('上传成功');
});
return false;
},
changeTag1(val) {
if(!val) {
},
changeTag1(val) {
if(!val) {
this.dialogVisible = true;
this.tagType1 = '';
}
},
confirmCreate() {
this.$refs.form.validate((valid) => {
if(valid) {
}
})
}
}
}
}
}
</script>
......
......@@ -24,29 +24,93 @@
<el-table-column prop="member" label="当前处理人" width="120" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" min-width="200">
<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>
</el-table-column>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" min-width="200">
<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>
</template>
</el-table-column>
</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>
</template>
<script>
export default {
data() {
return {
tableData: [{}]
dialogVisible: false,
tableData: [{}],
form: {
changeStatus: '',
member: ''
},
statusSelect: [],
memberSelect: []
}
},
mounted() {
this.search();
},
methods: {
editColumn() {
search() {
},
// 流转
exchange() {
this.dialogVisible = true;
},
// 确认流转
confirmChange() {
this.dialogVisible = false;
this.search();
},
// 编辑
editColumn(row) {
this.$router.push({path: 'create-point', query: {}})
}
}
}
......
......@@ -5,7 +5,7 @@
<el-form ref="form" :model="searchParam" label-suffix=":" label-width="120px" label-position="right" style="width:100%;">
<el-col :span="7">
<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 label="最后修改日期">
<el-date-picker
......@@ -17,7 +17,7 @@
</el-date-picker>
</el-form-item>
<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
v-for="(eItem,eIndex) in bigModuleSelect"
:key="eIndex"
......@@ -29,10 +29,10 @@
</el-col>
<el-col :span="7">
<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 label="实现方式">
<el-select v-model="searchParam.style" placeholder="请选择实现方式" style="width:200px">
<el-select v-model="searchParam.style" clearable placeholder="请选择实现方式" style="width:200px">
<el-option
v-for="(eItem,eIndex) in styleSelect"
:key="eIndex"
......@@ -42,7 +42,7 @@
</el-select>
</el-form-item>
<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
v-for="(eItem,eIndex) in smallModuleSelect"
:key="eIndex"
......@@ -54,7 +54,7 @@
</el-col>
<el-col :span="7">
<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
v-for="(eItem,eIndex) in memberSelect"
:key="eIndex"
......@@ -64,7 +64,7 @@
</el-select>
</el-form-item>
<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
v-for="(eItem,eIndex) in versionSelect"
:key="eIndex"
......@@ -74,7 +74,7 @@
</el-select>
</el-form-item>
<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
v-for="(eItem,eIndex) in statusSelect"
:key="eIndex"
......@@ -123,9 +123,9 @@
:total="totalRows">
</el-pagination>
</div>
<!-- 新建menu -->
<!-- 新建(编辑)menu -->
<el-dialog
title="新建menu"
title="新建(编辑)menu"
:visible.sync="dialogVisible"
width="30%">
<el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
......@@ -138,13 +138,13 @@
size="mini">
<el-col :span="20">
<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 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 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
v-for="(eItem,eIndex) in styleSelect"
:key="eIndex"
......@@ -154,7 +154,7 @@
</el-select>
</el-form-item>
<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
v-for="(eItem,eIndex) in bigModuleSelect"
:key="eIndex"
......@@ -164,7 +164,7 @@
</el-select>
</el-form-item>
<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
v-for="(eItem,eIndex) in smallModuleSelect"
:key="eIndex"
......@@ -270,7 +270,7 @@ export default {
this.dialogVisible = true;
this.$refs.menuForm.resetFields();
},
// 编辑
// 编辑menu
editColumn(row) {
this.dialogVisible = true;
},
......@@ -300,7 +300,7 @@ export default {
saveCreateAndEditMenu() {
this.$refs.menuForm.validate((valid) => {
if (valid) {
this.search();
}
});
},
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册