列表点击

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

@@ -349,6 +349,9 @@
                         <el-form-item label="事件类型">
                             <span>{{detailForm.actionTypeValue}}</span>
                         </el-form-item>
+                        <el-form-item label="投递举例">
+                            <span>{{detailForm.componentTag}}</span>
+                        </el-form-item>
                         <div v-for="(item, index) in detailForm.actionTagResqs" :key="index" style="width: 400px;">
                             <el-form-item :label="'额外投递' + parseInt(index + 1)">
                                 <div>投递名称：{{item.tagName}}</div>
@@ -392,6 +395,14 @@
 </template>
 <script>
 import { isEmptyUtils, openLoading, closeLoading } from '../../common/utils';
+function isNormalWorld(rule, value,callback) {
+    var regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im,
+	regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[\]]/im;
+    if(regEn.test(value) || regCn.test(value)) {
+        return callback("名称不能包含特殊字符")
+    }
+    callback();
+}
 export default {
     data() {
         return {
@@ -455,6 +466,7 @@ export default {
             rules: {
                 actionName: [
                     { required: true, message: '请输入事件名', trigger: 'blur' },
+                    { validator: isNormalWorld ,trigger: true}
                 ],
                 actionType: [
                     { required: true, message: '请选择事件类型', trigger: 'blur' }
@@ -744,6 +756,11 @@ export default {
              if (isEmptyUtils(file)) {
                  return;
              }
+             const isLt2M = file.size / 1024 / 1024 < 10;
+             if (!isLt2M) {
+                this.$message.error('上传图片大小不能超过 10MB!');
+                return;
+            }
              _this.$message.info('开始上传');
              doUpload(_this, file, getFilePath(file,null), 'preview4', 'progress1', 1).then(function (path) {
                  _this.form.location = path.fullPath;

src/views/strack-data/strack-list.vue

@@ -102,14 +102,37 @@
             class="search-table"
             :data="tableData"
             style="width: 100%"
-            :empty-text="tableText"
-            @row-click="tableRowClick">
-            <el-table-column prop="pageCode" label="页面编码" min-width="100" align="left"></el-table-column>
-            <el-table-column prop="pageName" label="页面名" min-width="120" align="left"></el-table-column>
-            <el-table-column prop="implementMethod" label="实现方式" min-width="80" align="left"> </el-table-column>
-            <el-table-column prop="moduleName2" label="归属模块" min-width="100" align="left"></el-table-column>
-            <el-table-column prop="releaseTime" label="发布时间" min-width="100" align="left"></el-table-column>
-            <el-table-column prop="releaseVersion" label="发布版本" min-width="80" align="left"></el-table-column>
+            :empty-text="tableText">
+            <el-table-column prop="pageCode" label="页面编码" min-width="100" align="left">
+                <template slot-scope="scope">
+                    <div @click="tableRowClick(scope.row)">{{scope.row.pageCode}}</div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="pageName" label="页面名" min-width="120" align="left">
+                <template slot-scope="scope">
+                    <div @click="tableRowClick(scope.row)">{{scope.row.pageName}}</div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="implementMethod" label="实现方式" min-width="80" align="left">
+                <template slot-scope="scope">
+                    <div @click="tableRowClick(scope.row)">{{scope.row.implementMethod}}</div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="moduleName2" label="归属模块" min-width="100" align="left">
+                <template slot-scope="scope">
+                    <div @click="tableRowClick(scope.row)">{{scope.row.moduleName2}}</div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="releaseTime" label="发布时间" min-width="100" align="left">
+                <template slot-scope="scope">
+                    <div @click="tableRowClick(scope.row)">{{scope.row.releaseTime}}</div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="releaseVersion" label="发布版本" min-width="80" align="left">
+                <template slot-scope="scope">
+                    <div @click="tableRowClick(scope.row)">{{scope.row.releaseVersion}}</div>
+                </template>
+            </el-table-column>
             <el-table-column label="图例" min-width="120" align="left">
                 <template slot-scope="scope">
                     <span v-viewer>
@@ -117,8 +140,16 @@
                     </span>
                 </template>
             </el-table-column>
-            <el-table-column prop="handlerNames" label="处理人" min-width="100" align="left"></el-table-column>
-            <el-table-column prop="statusDesc" label="状态" min-width="80" align="left"></el-table-column>
+            <el-table-column prop="handlerNames" label="处理人" min-width="100" align="left">
+                <template slot-scope="scope">
+                    <div @click="tableRowClick(scope.row)">{{scope.row.handlerNames}}</div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="statusDesc" label="状态" min-width="80" align="left">
+                <template slot-scope="scope">
+                    <div @click="tableRowClick(scope.row)">{{scope.row.statusDesc}}</div>
+                </template>
+            </el-table-column>
             <el-table-column label="操作" fixed="right" align="center" min-width="200">
                 <template slot-scope="scope">
                     <el-button :disabled="scope.row.editBtnStatus == 2" type="primary" size="small" @click.stop="createAndEditPage(scope.row)">编辑</el-button>
@@ -523,6 +554,7 @@ export default {
            rules: {
                 actionName: [
                     { required: true, message: '请输入事件名', trigger: 'blur' },
+                    { validator: isNormalWorld ,trigger: true}
                 ],
                 actionType: [
                     { required: true, message: '请选择事件类型', trigger: 'blur' }
@@ -708,7 +740,7 @@ export default {
             );
         },
         // 点击表格某一行
-        tableRowClick(row, column, event) {
+        tableRowClick(row) {
             this.$router.push({path: 'create-point', query: {id: row.pageId}})
         },
         // 搜索
@@ -906,6 +938,11 @@ export default {
              if (isEmptyUtils(file)) {
                  return;
              }
+             const isLt2M = file.size / 1024 / 1024 < 10;
+             if (!isLt2M) {
+                this.$message.error('上传图片大小不能超过 10MB!');
+                return;
+            }
              _this.$message.info('开始上传');
              doUpload(_this, file, getFilePath(file,null), 'preview4', 'progress1', 1).then(function (path) {
                  _this.pageForm.imageUrl = path.fullPath;
@@ -919,6 +956,11 @@ export default {
              if (isEmptyUtils(file)) {
                  return;
              }
+             const isLt2M = file.size / 1024 / 1024 < 10;
+             if (!isLt2M) {
+                this.$message.error('上传图片大小不能超过 10MB!');
+                return;
+            }
              _this.$message.info('开始上传');
              doUpload(_this, file, getFilePath(file,null), 'preview4', 'progress1', 1).then(function (path) {
                  _this.form.actionPath = path.fullPath;