页面修改

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,10 +462,23 @@ 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,
             detailForm: {}
@@ -514,12 +531,16 @@ export default {
             }
         },
         confirmAddTag() {
-            this.getData(
-                "post", `/basic-data/bi/actionTag/insert`, this.tagForm,
-                res => {
-                    this.tagVisible = false;
+            this.$refs.tagForm.validate((valid) => {
+                if(valid) {
+                    this.getData(
+                        "post", `/basic-data/bi/actionTag/insert`, this.tagForm,
+                        res => {
+                            this.tagVisible = false;
+                        }
+                    );
                 }
-            );
+            })
         },
         // 获取页面列表
         getPageList() {
@@ -651,14 +672,18 @@ export default {
         },
         // 保存下线页面
         updateConfim() {
-            this.getData(
-                "post", `/basic-data/bi/pageAction/offLine`, this.downForm,
-                res => {
-                    this.$message.success("下线成功");
-                    this.downPageVisible = false;
-                    this.search();
+            this.$refs.downForm.validate((valid) => {
+                if(valid) {
+                    this.getData(
+                        "post", `/basic-data/bi/pageAction/offLine`, this.downForm,
+                        res => {
+                            this.$message.success("下线成功");
+                            this.downPageVisible = false;
+                            this.search();
+                        }
+                    );
                 }
-            );
+            })
         },
         // 指派
         assignDialog(row) {