Z: Dot: PC: login's page background change & logo change.

ybf_admin/src/api/in/store.js

@@ -8,3 +8,22 @@ export function ApiStoreGetMainList(inData) {
     params: inData
   })
 }
+
+export function ApiStoreGetStoreDetail(inData) {
+  return request({
+    url: '/admin/auth/stall/get',
+    method: 'get',
+    params: inData
+  })
+}
+
+export function ApiStoreDelStore(inData) {
+  return request({
+    url: '/admin/auth/stall/delete',
+    method: 'delete',
+    params: inData
+  })
+}
+
+
+

ybf_admin/src/layout/header-aside/layout.vue

@@ -15,7 +15,9 @@
         flex-box="0"
         flex
       >
-        <img class="zlogos" :src="`/image/logo.png`" />
+        <!-- <img class="zlogos" :src="`/image/logo.png`" /> -->
+        <img class="zlogos" :src="`/image/logoNew.png`" />
+
         <d2-menu-header class="header-menus" flex-box="1" />
         <!-- 顶栏右侧 -->
         <div class="d2-header-right" flex-box="0">
@@ -161,10 +163,13 @@ export default {
 </style>
 <style lang="scss" scoped>
 .zlogos {
-  height: 60px;
-  width: 300px;
+  // height: 60px;
+  height: 25px;
+  width: 125px;
   padding-left: 20px;
+  padding-top: 16px;
   object-fit: cover;
+  // border: 2px solid red;
 }
 .d2-theme-header{
   background-color: #4E59C7;

ybf_admin/src/pages/in/contact/store.vue

@@ -51,25 +51,25 @@
         stripe
         class="list"
         ref="multipleTable"
-        :data="list.main"
+        :data="list.mainV"
         tooltip-effect="dark"
         style="width: 100%"
         @selection-change="listPick"
         height="calc(100vh - 360px)"
       >
         <el-table-column type="selection" width="60"></el-table-column>
-        <el-table-column prop="taskName" label="门店名称" align="center"></el-table-column>
-        <el-table-column prop="taskType" label="门店类型" align="center" width="120"></el-table-column>
-        <el-table-column prop="bar" label="门店负责人" align="center" width="120"></el-table-column>
-        <el-table-column prop="bar" label="所属柜组" align="center" width="120"></el-table-column>
-        <el-table-column prop="bar" label="位置" align="center" width="120"></el-table-column>
-        <el-table-column prop="bar" label="门牌号" align="center" width="120"></el-table-column>
+        <el-table-column prop="name" label="门店名称" align="center"></el-table-column>
+        <el-table-column prop="type" label="门店类型" align="center" width="120"></el-table-column>
+        <el-table-column prop="" label="门店负责人" align="center" width="120"></el-table-column>
+        <el-table-column prop="signNum" label="所属柜组" align="center" width="120"></el-table-column>
+        <el-table-column prop="location" label="位置" align="center" width="120"></el-table-column>
+        <el-table-column prop="shopId" label="门牌号" align="center" width="120"></el-table-column>
 
         <el-table-column label="操作" align="center" fixed="right" width="200">
           <template slot-scope="scope">
-            <el-button type="text" class="btn" @click="handleDetail(scope.row)">详情</el-button>
+            <el-button type="text" class="btn" @click="storeGetStoreDetail(scope.row.id)">详情</el-button>
             <el-button type="text" class="btn" @click="testButtonClick(scope.row)">编辑</el-button>
-            <el-button type="text" @click="testButtonClick(scope.row)" class="listButtonRed">删除</el-button>
+            <el-button type="text" @click="storeDelStore(scope.row.id)" class="listButtonRed">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -90,7 +90,8 @@
 <script>
 import AddStore from "./components/addStore";
 import StoreDetail from "./components/storeDetail";
-import { ApiStoreGetMainList } from "@api/in/store";
+import { ApiStoreGetMainList, ApiStoreGetStoreDetail, ApiStoreDelStore } from "@api/in/store";
+const zlog = console.log.bind(console);
 
 export default {
   components: {
@@ -163,6 +164,7 @@ export default {
             sendDate: "2019/02/08"
           }
         ],
+        mainV:[],
         search: {
           bar: [
             {
@@ -200,15 +202,42 @@ export default {
       }
     };
   },
-  created() {
-    this.ApiStoreGetMainList();
+  // created() {
+  //   this.storeGetMainList();
+  //   zlog('--->Created!')
+  // },
+  mounted() {
+    this.storeGetMainList();
+    zlog("--->Mounted!");
   },
   methods: {
     storeGetMainList() {
-      ApiGetStoreList().then(res => {
-        this.list.main = res.data.adminStalls;
+      zlog("--->In Get API!");
+      ApiStoreGetMainList().then(res => {
+        this.list.mainV = res.data.adminStalls;
       });
     },
+    storeGetStoreDetail(inData){
+      zlog('--->id:', inData)
+      let postData = {
+        inDetail: true,
+        stallId: inData,
+      }
+
+      ApiStoreGetStoreDetail(postData)
+      .then(res => {
+        zlog('--->detail: res:', res)
+      })
+    },
+    storeDelStore(inData){
+      let postData = {
+        stallId: '123456'
+      }
+      ApiStoreDelStore(inData)
+      .then(res => {
+
+      })
+    },
 
     listPick() {},
     testButtonClick() {},

ybf_admin/src/views/system/login/page.vue

 <template>
   <div class="page-login">
-    <div class="page-login--layer page-login--layer-area">
+    <!-- <div class="page-login--layer page-login--layer-area">
       <ul class="circles" style="2px solid greed;">
         <li v-for="n in 10" :key="n"></li>
       </ul>
-    </div>
-    <div
+    </div> -->
+    <!-- <div
       class="page-login--layer page-login--layer-time loginbktime"
       flex="main:center cross:center">
       {{time}}
-    </div>
+    </div> -->
     <div class="page-login--layer">
       <div
         class="page-login--content"
@@ -183,6 +183,14 @@ export default {
   .page-login--layer {
     @extend %full;
     overflow: auto;
+    // background-image: url("./bkimg_gold.jpg");
+    // background-image: url("./bkimg_blue.jpg");
+    background-image: url("./bkimg_lightblue.jpg");
+    background-repeat: no-repeat;
+    // background-size:100% 100%;
+    background-size: cover;
+    // -moz-background-size:100% 100%;
+    -moz-background-size: cover;
   }
   .page-login--layer-area {
     overflow: hidden;