页面修改

src/main.js

@@ -9,6 +9,7 @@ import 'element-ui/lib/theme-chalk/index.css';    // 默认主题
 import {getAddress, loadCommonFilter} from './common/env'
 import vueFilter from './common/filter';
 import vViewer from 'v-viewer';
+import 'viewerjs/dist/viewer.css';
 
 
 //加载环境变量

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

@@ -108,7 +108,9 @@
             <el-table-column prop="releaseTime" label="发布时间" min-width="100" align="left"></el-table-column>
             <el-table-column prop="img" label="图例" min-width="100" align="left">
                 <template slot-scope="scope">
-                    <img :src="scope.row.actionPath" style="width: 80px;" v-viewer/>
+                    <span v-viewer>
+                        <img :src="scope.row.actionPath" style="width: 80px;"/>
+                    </span>
                 </template>
             </el-table-column>
             <el-table-column prop="handlerName" label="当前处理人" min-width="100" align="left"></el-table-column>
@@ -276,6 +278,7 @@
                 label-width="150px"
                 label-suffix=":"
                 label-position="right"
+                :rules="downRules"
                 size="mini">
                     <el-col :span="20">
                         <el-form-item label="事件名">
@@ -297,7 +300,7 @@
                                 </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item v-if="downForm.implementMethodId == 1" label="下线时间" prop="offTime">
+                        <el-form-item v-if="downForm.implementMethodId != 2" label="下线时间" prop="offTime">
                             <el-date-picker
                                 type="date"
                                 placeholder="请选择下线时间"
@@ -358,17 +361,18 @@
             width="30%">
             <el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
                 <el-form ref="tagForm" 
+                rules="tagRules"
                 :model="tagForm"
                 label-width="150px"
                 label-suffix=":"
                 label-position="right"
                 size="mini">
-                    <el-col :span="20">
-                        <el-form-item label="投递对象名" prop="">
-                            <el-input v-model="tagForm.tagName"></el-input>
+                    <el-col :span="24">
+                        <el-form-item label="投递对象名" prop="tagName">
+                            <el-input v-model="tagForm.tagName" maxlength="15" placeholder="请输入投递对象名称" style="width: 200px;"></el-input>
                         </el-form-item>
-                        <el-form-item label="投递方法定义" prop="member">
-                            <el-input v-model="tagForm.tagDesc"></el-input>
+                        <el-form-item label="投递方法定义" prop="tagDesc">
+                            <el-input type="textarea" maxlength="500" v-model="tagForm.tagDesc" style="width: 200px;"></el-input>
                         </el-form-item>
                     </el-col>
                 </el-form>
@@ -458,9 +462,22 @@ export default {
                 actionPath: [
                     { required: true, message: '请上传位置图片', trigger: 'change' }
                 ],
-                // tagCodeList: [
-                //     { required: true, message: '请选择额外投递', trigger: 'change' }
-                // ]
+            },
+            tagRules: {
+                tagName: [
+                    { required: true, message: '请输入投递名称', trigger: 'change' }
+                ],
+                tagDesc: [
+                    { required: true, message: '请输入投递方法定义', trigger: 'change' }
+                ]
+            },
+            downRules: {
+               offVersion: [
+                    { required: true, message: '请选择下线版本', trigger: 'change' }
+                ],
+                offTime: [
+                    { required: true, message: '请选择下线时间', trigger: 'change' }
+                ]
            },
             imageUrl: '',
             detailVisible: false,
@@ -514,12 +531,16 @@ export default {
             }
         },
         confirmAddTag() {
+            this.$refs.tagForm.validate((valid) => {
+                if(valid) {
                     this.getData(
                         "post", `/basic-data/bi/actionTag/insert`, this.tagForm,
                         res => {
                             this.tagVisible = false;
                         }
                     );
+                }
+            })
         },
         // 获取页面列表
         getPageList() {
@@ -651,6 +672,8 @@ export default {
         },
         // 保存下线页面
         updateConfim() {
+            this.$refs.downForm.validate((valid) => {
+                if(valid) {
                     this.getData(
                         "post", `/basic-data/bi/pageAction/offLine`, this.downForm,
                         res => {
@@ -659,6 +682,8 @@ export default {
                             this.search();
                         }
                     );
+                }
+            })
         },
         // 指派
         assignDialog(row) {