chroe: adjust page js code

web/src/util/commonUtils.js

@@ -1,38 +1,19 @@
 
 
-
 class CommonUtils {
 
-
+  static formatInsConfigDisplay = (scope) => {
-    // static getCurlString(task_id, options) {
+    if (!scope.row.config) {
-    //     let data = { task_id: task_id };
+      return ""
-    //     data.title = 'message title';
+    }
-    //     data.text = 'Hello World!';
+    if (scope.row.way_type == "Email") {
-    //     if (options.html) {
+      let config = JSON.parse(scope.row.config)
-    //         data.html = '<h1> Hello World! </h1>';
+      let info = `发送账号：${config.to_account}`
-    //     }
+      return info
-    //     if (options.markdown) {
+    } else {
-    //         data.html = '**Hello World!**';
+      return "暂无"
-    //     }
+    }
-    //     let dataStr = JSON.stringify(data, null, 4);
+  }
-    //     let example = `curl -X POST --location '${gethttpOrigin()}/api/v1/message/send' \\
-    //     --header 'Content-Type: application/json' \\
-    //     --data '${dataStr}'`;
-    //     return example;
-    // }
-
-    static formatInsConfigDisplay = (scope) => {
-        if (!scope.row.config) {
-          return ""
-        }
-        if (scope.row.way_type == "Email") {
-          let config = JSON.parse(scope.row.config)
-          let info = `发送账号：${config.to_account}`
-          return info
-        } else {
-          return "暂无"
-        }
-      }
 
 }
 

web/src/views/common/tableDeleteButton.vue

@@ -14,7 +14,6 @@ import { defineComponent } from 'vue';
 export default defineComponent({
     methods: {
         handleDelete() {
-            // 触发自定义事件
             this.$emit('customHandleDelete');
         }
     }

web/src/views/home/index.vue

@@ -3,7 +3,6 @@
     <el-menu :collapse="isCollapse" breakpoint="768px" mode="horizontal" @select="handleSelect()"
       :default-active="currActivate()" :ellipsis="false" :menu-width="'auto'">
       <el-menu-item index="0" :disabled="false">
-        <!-- <div class="title-logo"  v-html="titleLogo"></div> -->
         <img style="width: 60px" class="title-logo" :src="titleLogo" alt="Message logo" />
       </el-menu-item>
 
@@ -34,23 +33,10 @@ export default {
       titleLogo: '',
     });
     const menuData = reactive([
-      {
+      { id: '1', title: '发信日志', path: '/sendlogs' },
-        id: '1',
+      { id: '2', title: '发信任务', path: '/sendtasks' },
-        title: '发信日志',
+      { id: '3', title: '发信渠道', path: '/sendways' },
-        path: '/sendlogs',
+      { id: '4', title: '设置', path: '/settings' },
-      }, {
-        id: '2',
-        title: '发信任务',
-        path: '/sendtasks',
-      }, {
-        id: '3',
-        title: '发信渠道',
-        path: '/sendways',
-      }, {
-        id: '4',
-        title: '设置',
-        path: '/settings',
-      },
     ]);
 
     const checkIsLogin = () => {
@@ -118,7 +104,6 @@ export default {
   font-size: 15px;
   justify-content: center;
   align-items: center;
-
 }
 
 .el-menu-item li {
@@ -132,7 +117,8 @@ export default {
 .logout-btn {
   margin: auto 40px auto 40px;
   float: right;
-  /* background-color: #f7efee;
+  /*
+  background-color: #f7efee;
   border: none;
   padding: 10px 20px;
   text-align: center;
@@ -140,6 +126,7 @@ export default {
   font-size: 16px;
   cursor: pointer;
   border-radius: 5px;
-  transition: background-color 0.3s ease; */
+  transition: background-color 0.3s ease; 
+  */
 }
 </style>

web/src/views/home/login.vue

@@ -71,7 +71,6 @@ export default {
         // 注册
         const clickRegister = () => {
             ElMessage({ message: `暂未开放注册！`, type: 'error' })
-
         };
 
         return { ...toRefs(state), clickLogin, clickRegister, pageState };

web/src/views/tabsTools/sendLogs/sendLogs.vue

@@ -138,7 +138,6 @@ hr {
   margin-top: -10vh;
 }
 
-
 .pagination-block {
   margin-top: 30px;
   display: flex;

web/src/views/tabsTools/sendTasks/sendTasks.vue

@@ -51,7 +51,6 @@
 
 <script >
 import { computed, ref, reactive, toRefs, onMounted } from 'vue'
-// import { InfoFilled } from '@element-plus/icons-vue'
 import { usePageState } from '@/store/page_sate';
 import { request } from '@/api/api'
 import addTaskPopUpComponent from './view/addTaskPopUp.vue'
@@ -67,7 +66,6 @@ export default {
     editTaskPopUpComponent,
     tableDeleteButton,
     viewTaskAPIPopUpComponent,
-    // InfoFilled,
   },
   setup() {
     const pageState = usePageState();
@@ -125,6 +123,7 @@ export default {
       await queryListData(pageNum, state.pageSize);
 
     }
+
     const rowStyle = () => {
       return {
         'font-size': '13px',
@@ -139,6 +138,7 @@ export default {
       await queryListData(state.currPage, state.pageSize, state.search, state.optionValue);
 
     }
+
     const clickAdd = () => {
       pageState.ShowDialogData[state.addTaskPopUpComponentName] = {};
       pageState.ShowDialogData[state.addTaskPopUpComponentName].isShow = true;
@@ -155,7 +155,6 @@ export default {
       await queryListData(1, state.pageSize);
     });
 
-
     return {
       ...toRefs(state), handleEdit, handleDelete, handleViewAPI, handleViewLogs,
       clickAdd, rowStyle, handPageChange, filterFunc
@@ -164,7 +163,6 @@ export default {
 }
 </script>
 
-
 <style scoped>
 hr {
   color: #FAFCFF;

web/src/views/tabsTools/sendTasks/view/editTaskPopUp.vue

@@ -19,7 +19,6 @@
       <el-button @click="handleEditTask()" size="small" type="primary" style="margin-left: 20px;">修改</el-button>
     </div>
 
-
     <div class="dashed" />
 
     <div class="ins-area">
@@ -101,7 +100,7 @@
 
 <script>
 import { defineComponent, onMounted, watch, reactive, toRefs } from 'vue';
-import { _, intersection } from 'lodash';
+import { _ } from 'lodash';
 import { QuestionFilled } from '@element-plus/icons-vue'
 import { v4 as uuidv4 } from 'uuid';
 import { usePageState } from '@/store/page_sate.js';

web/src/views/tabsTools/sendTasks/view/viewTaskAPIPopUp.vue

@@ -101,7 +101,7 @@ export default defineComponent({
       });
       setTimeout(() => {
         Prism.highlightAll()
-      }, 10)
+      }, 100)
     }
 
     return {
@@ -115,51 +115,5 @@ export default defineComponent({
 .language-javascript {
   background-color: #f0f0f0;
 }
-
-
-/* pre {
-    overflow: hidden !important;
-    code{ 
-        display: inline-block;
-        padding-bottom: 20px;
-        position: relative;
-        top: 20px;
-    }
-    &::before {
-        content: "";
-        position: absolute;
-        background: red;
-        width: 10px;
-        height: 10px;
-        border-radius: 50%;
-        top: 10px;
-        left: 15px;
-        transform: translate(-50%);
-    }
-    &::after {
-        content: "";
-        position: absolute;
-        background: sandybrown;
-        width: 10px;
-        height: 10px;
-        border-radius: 50%;
-        top: 10px;
-        left: 30px;
-        transform: translate(-50%);
-    }
-    code:first-child{
-        &::after{
-            content: "";
-            position: absolute;
-            background: limegreen;
-            width: 10px;
-            height: 10px;
-            border-radius: 50%;
-            top: -24px;
-            left: -7px;
-            transform: translate(-50%);
-        }
-    }
-} */
 </style>
 

web/src/views/tabsTools/sendWays/sendWays.vue

@@ -49,7 +49,6 @@
       <addWayComponent :componentName="addWayComponentName" />
       <editWayComponent :componentName="editWayComponentName" />
 
-
     </div>
   </div>
 </template>
@@ -117,20 +116,20 @@ export default {
       await queryListData(pageNum, state.pageSize);
 
     }
+    
     const rowStyle = () => {
       return {
         'font-size': '13px',
       }
     }
+
     const filterFunc = async () => {
-      // console.log('state.optionValue', state.optionValue);
       await queryListData(state.currPage, state.pageSize, state.search, state.optionValue);
 
     }
     const clickAdd = () => {
       pageState.ShowDialogData[state.addWayComponentName] = {};
       pageState.ShowDialogData[state.addWayComponentName].isShow = true;
-      // console.log('clickAdd', pageState.ShowDialogData[state.addWayComponentName].isShow)
     }
 
     const queryListData = async (page, size, name = '', type = '') => {

web/src/views/tabsTools/sendWays/view/addWayPopUp.vue

@@ -114,7 +114,6 @@ export default defineComponent({
         handleCancer();
         window.location.reload();
       }
-
     }
 
     return {
@@ -125,15 +124,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-/* :global(.el-dialog) {
-  width: 500px;
 
-} */
-/* :global(.el-dialog__title) {
-  font-size: 14px;
-}
-
-:global(.el-dialog label) {
-  font-size: 13px;
-} */
 </style>

web/src/views/tabsTools/sendWays/view/editWayPopUp.vue

@@ -7,13 +7,11 @@
     <el-tabs class="demo-tabs" @tab-click="handleClick">
 
       <el-form label-width="100px" v-for="item in waysLabelData">
-        <!-- <el-tab-pane :label="item.label" :name="item.type"> -->
         <el-form-item :label="one.subLabel" v-for="one in item.inputs">
           <el-input v-if="one.isTextArea != true" size="small" v-model="one.value" :placeholder="one.desc" />
             <el-input v-if="one.isTextArea == true" size="small" type="textarea" v-model="one.value"
               :placeholder="one.desc" :autosize="{ minRows: 4, maxRows: 10 }" />
         </el-form-item>
-        <!-- </el-tab-pane> -->
       </el-form>
 
     </el-tabs>
@@ -53,14 +51,8 @@ export default defineComponent({
       isShow: false,
       waysLabelData: [],
       editData: {},
-
     });
 
-    const dealDisplayData = () => {
-
-    }
-
-    // 监测父页面传过来的数据
     watch(pageState.ShowDialogData, (newValue, oldValue) => {
       if (newValue[props.componentName]) {
         // 弹出编辑框
@@ -88,26 +80,22 @@ export default defineComponent({
       };
     });
 
-
     const handleCancer = () => {
       if (pageState.ShowDialogData[props.componentName]) {
         pageState.ShowDialogData[props.componentName].isShow = false;
       }
     }
 
-
     const handleClick = () => {
     }
 
     const getEditData = (type) => {
       for (const element of state.waysLabelData) {
-        // if (element.type == type) {
         const data = {};
         for (const item of element.inputs) {
           data[item.col] = item.value;
         }
         return data;
-        // }
       }
       return {};
     }
@@ -136,7 +124,6 @@ export default defineComponent({
     const handleSubmit = async () => {
       let postData = getFinalData();
       const rsp = await request.post('/sendways/edit', postData);
-      // console.log('edit res',rsp)
       if (await rsp.data.code == 200) {
         handleCancer();
       }
@@ -147,18 +134,9 @@ export default defineComponent({
     };
   },
 });
+
 </script>
 
 <style scoped>
-/* :global(.el-dialog) {
-  width: 500px;
 
-} */
-/* :global(.el-dialog__title) {
-  font-size: 14px;
-} */
-
-/* :global(.el-dialog label) {
-  font-size: 13px;
-} */
 </style>

web/src/views/tabsTools/settings/view/about.vue

@@ -27,10 +27,6 @@ export default defineComponent({
     components: {
         QuestionFilled,
     },
-    props: {
-    },
-    methods: {
-    },
     setup() {
         const state = reactive({
             version: '',

web/src/views/tabsTools/settings/view/resetPasswd.vue

@@ -44,10 +44,6 @@ export default defineComponent({
 </script>
   
 <style scoped>
-/* :deep(.el-input .el-input__wrapper) {
-    margin-top: 10px;
-} */
-
 :deep(.el-button) {
     float: right !important;
     margin-top: 10px;

web/src/views/tabsTools/settings/view/setLogClean.vue

@@ -40,10 +40,6 @@ export default defineComponent({
     components: {
         QuestionFilled,
     },
-    props: {
-    },
-    methods: {
-    },
     setup() {
         const router = useRouter();
         const state = reactive({
@@ -66,6 +62,7 @@ export default defineComponent({
                 ElMessage({ message: msg, type: 'success' })
             }
         }
+
         const handleView = async () => {
             router.push('/sendlogs?taskid=' + CONSTANT.LOG_TASK_ID, { replace: true });
         }
@@ -93,9 +90,6 @@ export default defineComponent({
 </script>
   
 <style scoped>
-/* :deep(.el-input .el-input__wrapper) {
-    margin-top: 10px;
-} */
 
 :deep(.el-button) {
     float: right !important;

web/src/views/tabsTools/settings/view/siteCustom.vue

@@ -52,12 +52,7 @@ export default defineComponent({
     components: {
         QuestionFilled,
     },
-    props: {
-    },
-    methods: {
-    },
     setup() {
-        const router = useRouter();
         const state = reactive({
             title: '',
             slogan: '',