埋点页面接口联调

src/views/strack-data/create-point.vue

@@ -191,16 +191,16 @@
                         <el-form-item label="页面编码">
                             <span>{{form.pageCode}}</span>
                         </el-form-item>
-                        <el-form-item label="事件名">
+                        <el-form-item label="事件名" prop="actionName">
                             <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 actionSelect"
                                 :key="eIndex"
-                                :label="eItem.name"
-                                :value="eItem.id">
+                                :label="eItem.value"
+                                :value="eItem.no">
                                 </el-option>
                             </el-select>
                         </el-form-item>
@@ -219,8 +219,7 @@
                                 type="date"
                                 placeholder="结束时间"
                                 v-model="form.releaseTime"
-                                style="width: 150px;"
-                                value-format="yyyy-MM-dd">
+                                style="width: 200px;">
                             </el-date-picker>
                         </el-form-item>
                         <el-form-item label="上传图例" prop="actionPath">
@@ -234,10 +233,10 @@
                                 <img v-if="form.actionPath" class="bg-img" :src="form.actionPath">
                             </el-upload>
                         </el-form-item>
-                        <div v-for="(item, index) in form.tagCodeList" :key="index" style="width: 400px;">
-                            <el-form-item :label="'额外投递' + parseInt(index + 1)" prop="tagCodeList">
+                        <div v-for="(item, index) in form.actionTagResqs" :key="index" style="width: 400px;">
+                            <el-form-item :label="'额外投递' + parseInt(index + 1)">
                                 <el-select 
-                                v-model="item.name" 
+                                v-model="item.tagName" 
                                 clearable 
                                 placeholder="请选择额外投递"
                                 style="width:200px; margin-bottom: 10px;">
@@ -309,6 +308,43 @@
                 <el-button type="primary" @click="updateConfim">确 定</el-button>
             </span>
         </el-dialog>
+        <!-- 查看详情 -->
+        <el-dialog
+            title="查看埋点详情"
+            :visible.sync="detailVisible"
+            width="30%">
+            <el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
+                <el-form ref="detailForm" 
+                :model="detailForm"
+                label-width="150px"
+                label-suffix=":"
+                label-position="right"
+                :rules="rules"
+                size="mini">
+                    <el-col :span="20">
+                        <el-form-item label="事件名">
+                            <span>{{detailForm.actionName}}</span>
+                        </el-form-item>
+                        <el-form-item label="事件编码">
+                            <span>{{detailForm.pageCode}}</span>
+                        </el-form-item>
+                        <el-form-item label="所属页面">
+                            <span>{{detailForm.pageName}}</span>
+                        </el-form-item>
+                        <el-form-item label="事件类型">
+                            <span>{{detailForm.actionType}}</span>
+                        </el-form-item>
+                        <div v-for="(item, index) in detailForm.actionTagResqs" :key="index" style="width: 400px;">
+                            <el-form-item :label="'额外投递' + parseInt(index + 1)">
+                                <span>投递名称：{{item.name}}</span>
+                                <span>投递编码：{{item.code}}</span>
+                                <span>内容定义：{{item.desc}}</span>
+                            </el-form-item>
+                        </div>
+                    </el-col>
+                </el-form>
+            </el-row>
+        </el-dialog>
     </div>
 </template>
 <script>
@@ -341,7 +377,7 @@ export default {
                 actionType: '',
                 actionName: '',
                 actionPaty: '',
-                tagCodeList: [{name: ''}],
+                actionTagResqs: [{tagName: '', tagCode: '', tagDesc: ''}],
                 releaseTime: '',
                 releaseVersion: ''
             },
@@ -368,9 +404,28 @@ export default {
             assignSelect: [],
             tagSelect: [],
             rules: {
-
+                actionName: [
+                    { required: true, message: '请输入事件名', trigger: 'blur' },
+                ],
+                actionType: [
+                    { required: true, message: '请选择事件类型', trigger: 'blur' }
+                ],
+                releaseTime: [
+                    { required: true, message: '请选择发布时间', trigger: 'change' }
+                ],
+                releaseVersion: [
+                    { required: true, message: '请选择发布版本', trigger: 'change' }
+                ],
+                actionPath: [
+                    { required: true, message: '请上传位置图片', trigger: 'change' }
+                ],
+                // tagCodeList: [
+                //     { required: true, message: '请选择额外投递', trigger: 'change' }
+                // ]
             },
             imageUrl: '',
+            detailVisible: false,
+            detailForm: {}
         }
     },
     created() {
@@ -484,7 +539,11 @@ export default {
             this.getData(
                 "get", `/basic-data/bi/pageAction/info?pageActionId=${id}`, {},
                 res => {
+                    this.detailForm = res.data;
                     this.form = res.data;
+                    if(this.form.actionTagResqs.length < 1) {
+                        this.form.actionTagResqs = [{tagName: '', tagCode: '', tagDesc: ''}];
+                    }
                 }
             );
         },
@@ -496,8 +555,30 @@ export default {
         },
         // 保存编辑
         editPointConfirm() {
+            this.$refs.menuForm.validate((valid) => {
+                if(valid) {
+                    let req = {};
+                    req = JSON.parse(JSON.stringify(this.form));
+                    req.releaseTime = new Date(req.releaseTime).getTime();
+                    console.log("=============",req)
+                    this.getData(
+                        "post", `/basic-data/bi/pageAction/update`, req,
+                        res => {
+                            this.$message.success("编辑成功");
+                            this.dialogVisible = false;
+                            this.search();
+                        }
+                    );
+                }
+            })
             
         },
+        addTag(index) {
+            this.form.actionTagResqs.push({tagName: '', tagCode: '', tagDesc: ''});
+        },
+        deleteTag(index) {
+            this.form.actionTagResqs.splice(index, 1);
+        },
         // 下线页面
         downPage(row) {
             this.downForm.offTime = '';
@@ -548,8 +629,9 @@ export default {
             );
         },
         // 查看详情
-        detail() {
-
+        detail(row) {
+            this.detailVisible = true;
+            this.getActionDetail(row.id);
         },
         
         // 上传页面图片