publishList

src/router/index.js

@@ -146,20 +146,20 @@ export const constantRoutes = [
   {
     path: '/publisherList',
     component: Layout,
-    // redirect: '开发商管理',
-    meta: { title: '开发商管理', icon : "user" },
+    // redirect: '发行方管理',
+    meta: { title: '发行方管理', icon : "log" },
     children: [
       {
         path: 'messageList',
         component: () => import('@/views/publishers/publisherList'),
         name: 'publisherList',
-        meta: { title: '开发商列表', icon: 'list' }
+        meta: { title: '发行方列表', icon: 'textarea' }
       },
       {
         path: 'addPublisher',
         component: () => import('@/views/publishers/addPublisher'),
         name: 'addPublisher',
-        meta: { title: '创建开发商', icon: 'build' }
+        meta: { title: '创建发行方', icon: 'build' }
       },
     ]
   } ,

src/views/publishers/addPublisher.vue

@@ -1,5 +1,17 @@
 <template>
-    <div>
-     添加开发商yemian
-    </div>
- </template>
+  <div>
+    <el-form ref="form"  label-width="80px">
+      <el-form-item label="发行方名称">
+        <el-input ></el-input>
+      </el-form-item>
+      <el-form-item label="活动区域">
+        <el-select  placeholder="请选择活动区域">
+          <el-option label="区域一" value="shanghai"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+
+      
+    </el-form>
+  </div>
+</template>

src/views/publishers/publisherList.vue

@@ -1,5 +1,97 @@
 <template>
-   <div>
-    开发商列表
-   </div>
-</template>
+  <div>
+    <div class="search">
+      <el-row :style="{ padding: '12px' }">
+        <el-col :span="12">
+          <i class="el-icon-search"></i>
+          <span :style="{ padding: '4px' }">筛选搜索</span>
+        </el-col>
+        <el-col :span="12" :style="{ textAlign: 'right' }">
+          <el-button>重置</el-button>
+          <el-button type="primary">查询搜索</el-button>
+        </el-col>
+      </el-row>
+      <el-row :style="{ marginLeft: '32px' }">
+        <el-form inline>
+          <el-form-item label="发行方名称: ">
+            <el-input placeholder="筛选发行方名称" clearable></el-input>
+          </el-form-item>
+        </el-form>
+      </el-row>
+    </div>
+    <div class="addpub">
+      <el-row :style="{ padding: '16px' }">
+        <el-col :span="12">
+          <i class="el-icon-tickets"></i>
+          <span :style="{ marginLeft: '4px' }">发行方列表</span>
+        </el-col>
+
+        <el-col :span="12" :style="{ textAlign: 'right' }">
+          <el-button plain>添加</el-button>
+        </el-col>
+      </el-row>
+    </div>
+    <div class="pubform">
+      <el-table :data="tabletab"
+        stripe
+        border
+        :style="{ borderRadius: '4px' }"
+        :header-cell-style="{ 'text-align': 'center' }"
+        :cell-style="{'text-align':'center'}"
+      >
+        <el-table-column prop="pid" label="ID"> </el-table-column>
+        <el-table-column prop="avater" label="头像"> </el-table-column>
+        <el-table-column prop="pname" label="发行方名称"> </el-table-column>
+        <el-table-column prop="opreation" label="操作">
+      
+            <el-button type="text">修改</el-button>
+         <el-button type="text">删除</el-button>
+         
+       </el-table-column>
+      </el-table>
+      <el-row :style="{ marginTop: '16px' }">
+      <el-col :span="24" :style="{ textAlign: 'right' }">
+        <el-pagination
+         background
+          :page-size="10"
+          layout="total, prev, pager, next"
+          :total="100"
+        >
+        </el-pagination>
+      </el-col>
+    </el-row>
+    </div>
+    
+  </div>
+</template>
+<script>
+export default {
+   name:"publisherList",
+   data(){
+      return {
+         tabletab:[
+            {
+               pid:'1',
+               pname:'哈尔滨某公司',
+               
+            }
+         ]
+      }
+   }
+}
+</script>
+<style>
+.search {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  margin: 16px;
+}
+.addpub {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  margin: 16px;
+}
+.pubform {
+  padding: 0 16px;
+}
+</style>