update: init

public/index.html

@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon2.ico">
+    <link rel="stylesheet" type="text/css" href="//web-1251519181.file.myqcloud.com/lib/element-ui/2.15.6/index.css" />
     <link rel="stylesheet" type="text/css" href="//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.68.css" />
     <title>实施运维</title>
   </head>
@@ -14,6 +15,7 @@
     </noscript>
     <div id="app"></div>
     <script src="//web-1251519181.file.myqcloud.com/lib-4.0/vue/2.6.10/vue.min.js"></script>
+    <script src="//web-1251519181.file.myqcloud.com/lib/element-ui/2.15.6/index.js"></script>
     <script src="//web-1251519181.file.myqcloud.com/components/input.2.0.14.js"></script>
     <script src="//web-1251519181.file.myqcloud.com/components/transfer.1.0.15.js"></script>
     <script src="//web-1251519181.file.myqcloud.com/components/steps.1.0.8.js"></script>

src/main.js

@@ -8,11 +8,11 @@ import App from './App.vue';
 import router from './router';
 import { isRequest } from '@/config';
 import filters from '@/filters';
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
+// import ElementUI from 'element-ui';
+// import 'element-ui/lib/theme-chalk/index.css';
 
 // 请求头这种添加请求标识
-Vue.use(ElementUI);
+// Vue.use(ElementUI);
 // 复制粘贴
 import VueClipboard from 'vue-clipboard2';
 Vue.use(VueClipboard);

src/styles/component.less

@@ -21,4 +21,17 @@
 }
 .mb10 {
   margin-bottom: 10px;
+}
+
+.mr20 {
+  margin-right: 20px;
+}
+.ml20 {
+  margin-left: 20px;
+}
+.mt20 {
+  margin-top: 20px;
+}
+.mb20 {
+  margin-bottom: 20px;
 }
\ No newline at end of file

src/views/message/index.vue

@@ -2,24 +2,26 @@
   <div class="container right_content">
     <div class="search">
       <el-input v-model="searchText" prefix-icon="el-icon-search" placeholder="请输入品牌名称/公司名称" style="width: 234px" />
-      <el-select v-model="mode" placeholder="选择发送模式" class="ml10">
+      <el-select v-model="mode" placeholder="选择发送通道" class="ml10">
         <el-option v-for="(item, index) in passList" :key="index" :value="item.value">{{ item.label }}</el-option>
       </el-select>
     </div>
-    <el-table :data="tableData.data" element-loading-text="拼命加载中">
-      <el-table-column v-for="(v, i) in tableData.tableHeader" :key="i" :prop="v.prop" :min-width="v.minWidth" :label="v.label" :formatter="v.formatter" :fixed="v.fixed" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-if="v.formatter" v-html="v.formatter(scope.row)"></span>
-          <span v-else>{{ scope.row[v.prop] || '--' }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="{ row }">
-          <el-button type="text" @click="toDetail(row)">详情</el-button>
-        </template>
-      </el-table-column>
+    <div class="mt20">
+      <el-table :data="tableData.data" element-loading-text="拼命加载中">
+        <el-table-column v-for="(v, i) in tableData.tableHeader" :key="i" :prop="v.prop" :min-width="v.minWidth" :label="v.label" :formatter="v.formatter" :fixed="v.fixed" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span v-if="v.formatter" v-html="v.formatter(scope.row)"></span>
+            <span v-else>{{ scope.row[v.prop] || '--' }}</span>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="操作">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="toDetail(row)">详情</el-button>
+          </template>
+        </el-table-column> -->
     </el-table>
     <dm-pagination background class="dm-pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="tableData.currentPage" :page-sizes="tableData.pageSizeList" :page-size="tableData.pageSize" layout="total, sizes, prev, pager, next" :total="tableData.total" hide-on-single-page />
+    </div>
   </div>
 </template>
 

vue.config.js

@@ -15,7 +15,7 @@ module.exports = {
       // 'vue-router': 'VueRouter',
       // vuex: 'Vuex',
       // axios: 'axios',
-      // 'element-ui': 'ELEMENT',
+      'element-ui': 'ELEMENT',
       // BMap: 'BMap'
     };
     if (process.env.NODE_ENV === 'production') {