增加首店申请

src/components/tradePavilion/firstStoreApply.vue

+<template>
+  <div class="firstStoreApply">
+    <div class="head-title">
+      首店申请
+     <el-button style="float:right;margin-top: -5px;" size="small" type="primary" @click="Export()">
+        下载excel
+     </el-button>
+    </div>
+    <div class="content">
+      <div>
+        <div class="searchInput" style="width:250px">
+          <el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
+            style="display:inline-block;width:225px;height:30px" placeholder="首店名称" v-model="msg.Name" size="small"
+            clearable>
+          </el-input>
+          <span @click="msg.pageIndex=1,getList()" class="el-icon-search"
+            style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+        </div>
+        <div class="searchInput" style="width:250px">
+          <el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
+            style="display:inline-block;width:225px;height:30px" placeholder="联系人" v-model="msg.Contact" size="small"
+            clearable>
+          </el-input>
+          <span @click="msg.pageIndex=1,getList()" class="el-icon-search"
+            style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+        </div>
+        <div class="searchInput" style="width:250px">
+          <el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
+            style="display:inline-block;width:225px;height:30px" placeholder="联系电话" v-model="msg.ContactMobile"
+            size="small" clearable>
+          </el-input>
+          <span @click="msg.pageIndex=1,getList()" class="el-icon-search"
+            style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+        </div>
+        <el-date-picker class="indataPicker" type="daterange" v-model="dateStr" range-separator="至"
+          start-placeholder="开始日期" end-placeholder="结束日期" size="small" @change="getList" value-format="yyyy-MM-dd">
+        </el-date-picker>
+        <el-select class="w100" @change="getList()" style="margin-left: 10px;" v-model="msg.AuditState" size="small"
+          placeholder="请选择">
+          <el-option label="不限" :value="0"></el-option>
+          <el-option label="未审核" :value="1"></el-option>
+          <el-option label="审核通过" :value="2"></el-option>
+          <el-option label="审核不通过" :value="3"></el-option>
+        </el-select>
+      </div>
+      <el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
+        <el-table-column prop="Name" width="200" label="首店名称">
+        </el-table-column>
+        <el-table-column prop="CoverImage" label="封面图" width="200">
+          <template slot-scope="scope">
+            <img :src="scope.row.CoverImage" style="width:50px;" alt="" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="TypeName" width="100" label="类型">
+        </el-table-column>
+        <el-table-column prop="OpenTime" width="200" label="开业时间">
+        </el-table-column>
+        <el-table-column prop="Address" width="200" label="详细地址">
+        </el-table-column>
+        <el-table-column prop="AuditState" width="100" label="审核状态">
+          <template slot-scope="scope">
+            <span v-if="scope.row.AuditState==1" style="color:#1273bc;">未审核</span>
+            <span v-if="scope.row.AuditState==2" style="color:green;">审核通过</span>
+            <span v-if="scope.row.AuditState==3" style="color:#e95252;">审核不通过</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="AuditDate" width="200" label="审核时间">
+        </el-table-column>
+        <el-table-column prop="Contact" label="联系人">
+        </el-table-column>
+        <el-table-column prop="ContactMobile" label="联系电话">
+        </el-table-column>
+        <el-table-column label="操作" width="130">
+          <template slot-scope="scope">
+            <el-tooltip class="item" effect="dark" content="详情" placement="top">
+              <img @click="CommonJump('firstStoreDetail',{ID:scope.row.Id})"
+                src="../../assets/img/userman/icon-show.png" alt="">
+            </el-tooltip>
+            <template v-if="scope.row.AuditState==1">
+              <el-tooltip class="item" effect="dark" content="审核通过" placement="top">
+                <img @click="AuditStore(scope.row.Id)" src="../../assets/img/userman/pass.png" alt="">
+              </el-tooltip>
+              <el-tooltip class="item" effect="dark" content="审核拒绝" placement="top">
+                <img @click="AuditJujue(scope.row.Id)" src="../../assets/img/userman/nopass.png" alt="">
+              </el-tooltip>
+            </template>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
+        :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
+      </el-pagination>
+    </div>
+
+    <el-dialog title="审核拒绝" :visible.sync="resondialog" width="600px">
+      <el-form label-width="80px">
+        <el-form-item label="拒绝原因" class="is-required">
+          <el-input type="textarea" :rows="6" v-model="auditMsg.AuditRemark"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="resondialog = false">取 消</el-button>
+        <el-button @click="sureJujue" size="small" type="primary">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        msg: {
+          pageIndex: 1,
+          pageSize: 15,
+          Name: '', //首店名称
+          Contact: '', //联系人
+          StartTime: '', //开业开始时间
+          EndTime: '', //开业结束时间
+          ContactMobile: '', //联系电话
+          AuditState: 0 //审核状态 1未审核 2审核通过 3审核不通过 
+        },
+        dateStr: [], //日期
+        total: 0,
+        tableData: [], //数据列表
+        auditMsg: {
+          AuthenticationId: 0,
+          AuditState: 2,
+          AuditRemark: ''
+        },
+        resondialog: false
+      };
+    },
+    created() {
+      this.getList();
+    },
+    methods: {
+      getList() {
+        this.loading = true;
+        if (this.dateStr && this.dateStr.length > 0) {
+          this.msg.StartTime = this.dateStr[0];
+          this.msg.EndTime = this.dateStr[1];
+        } else {
+          this.msg.StartTime = '';
+          this.msg.EndTime = '';
+        }
+        this.apipost("/api/Trade/GetAuthenticationPageList", this.msg, res => {
+          this.loading = false;
+          if (res.data.resultCode == 1) {
+            this.total = res.data.data.count;
+            let pageData = res.data.data.pageData;
+            this.tableData = pageData;
+          }
+        })
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      //审核通过
+      AuditStore(Id) {
+        let that = this;
+        that.auditMsg.AuthenticationId = Id;
+        that.auditMsg.AuditRemark = '';
+        that.auditMsg.AuditState = 2;
+        that.Confirm("确定审核通过?", function () {
+          that.apipost(
+            "/api/Trade/RemoveCarrier", that.auditMsg,
+            res => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+                that.getList();
+              } else {
+                that.Error(res.data.message);
+              }
+            },
+          );
+        });
+      },
+      AuditJujue(Id) {
+        this.resondialog = true;
+        this.auditMsg.AuthenticationId = Id;
+        this.auditMsg.AuditState = 3;
+        this.auditMsg.AuditRemark = '';
+      },
+      //审核拒绝
+      sureJujue() {
+        if(this.auditMsg.AuditRemark==''){
+            this.Error('请输入拒绝原因');
+            return;
+        }
+        this.apipost(
+          "/api/Trade/RemoveCarrier", this.auditMsg,
+          res => {
+            if (res.data.resultCode == 1) {
+              this.Success(res.data.message);
+              this.getList();
+              this.resondialog = false;
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+        );
+      },
+      //导出excel
+      Export() {
+        let msg = this.msg;
+        msg = JSON.parse(JSON.stringify(msg));
+        msg.pageSize = 999;
+        this.GetLocalFile(
+          "/api/Trade/GetAuthenticationListToExcel",
+          msg,
+          "首店申请列表.xls"
+        );
+      },
+
+    },
+    mounted() {}
+  };
+
+</script>
+<style>
+  .firstStoreApply .content .searchInput {
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+  }
+
+  .firstStoreApply .content .searchInput .el-input__inner {
+    border: none;
+    outline: none;
+    height: 30px;
+    line-height: 30px;
+  }
+
+  .firstStoreApply .content .searchInput {
+    line-height: normal;
+    display: inline-table;
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    width: 250px;
+    margin-right: 20px;
+  }
+
+  .firstStoreApply .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+
+</style>

src/components/tradePavilion/firstStoreDetail.vue

+<style>
+  .firstStoreDetail .content{
+    background: #fff;
+    padding: 20px;
+    margin-top:10px;
+    box-sizing: border-box;
+  }
+
+  .firstStoreDetail .el-form-item {
+    margin-bottom: 0;
+  }
+
+  .firstStoreDetail .CoverImage {
+    width: 80px;
+    height: 80px;
+    border: 1px solid #e2e2e2;
+  }
+
+  .firstStoreDetail .CoverImage img {
+    width: 100%;
+    height: 100%;
+  }
+  .First_LLINE .el-form-item__label{
+    line-height:1
+  }
+</style>
+<template>
+  <div class="firstStoreDetail">
+    <div class="head-title">
+      <span @click="CommonJump('firstStoreApply')" style="color:rgb(64, 158, 255);cursor:pointer;">首店列表</span><span
+        style="margin:0 9px;color:#C0C4CC">/</span><span>首店详情</span>
+    </div>
+    <div class="content">
+      <el-form label-width="150px">
+        <el-form-item label="首店名称：">{{dataList.Name}}</el-form-item>
+        <el-form-item label="封面图：" style="line-height:0;margin-top:10px;" class="First_LLINE">
+          <div class="CoverImage">
+            <img :src="dataList.CoverImage" />
+          </div>
+        </el-form-item>
+        <el-form-item label="图片列表：" style="margin-top:20px;" class="First_LLINE">
+          <div>
+            <img style="width:80px;height:80px;margin-right:10px;" :src="item"
+              v-for="(item,index) in dataList.ImageList" :key="index">
+          </div>
+        </el-form-item>
+        <el-form-item label="视频地址：">{{dataList.VideoUrl}}</el-form-item>
+        <el-form-item label="类型：">{{dataList.TypeName}}</el-form-item>
+        <el-form-item label="品牌归属地：">{{dataList.BrandTypeName}}</el-form-item>
+        <el-form-item label="开业时间：">{{dataList.OpenTime}}</el-form-item>
+        <el-form-item label="详细地址：">{{dataList.Address}}</el-form-item>
+        <el-form-item label="商圈：">{{dataList.TradingArea}}</el-form-item>
+        <el-form-item label="行业：">{{dataList.BusinessTypeName}}</el-form-item>
+        <el-form-item label="行业种类：">{{dataList.BusinessDetail}}</el-form-item>
+        <el-form-item label="简介：">{{dataList.Description}}</el-form-item>
+        <el-form-item label="区县：">{{dataList.County}}</el-form-item>
+        <el-form-item label="分类：">{{dataList.CategoryName}}</el-form-item>
+        <el-form-item label="联系人：">{{dataList.Contact}}</el-form-item>
+        <el-form-item label="联系电话：">{{dataList.ContactMobile}}</el-form-item>
+        <el-form-item label="审核状态：">
+          <span v-if="dataList.AuditState==1">未审核</span>
+          <span v-if="dataList.AuditState==2">审核通过</span>
+          <span v-if="dataList.AuditState==3">审核不通过</span>
+        </el-form-item>
+        <el-form-item label="审核时间：">{{dataList.AuditDate}}</el-form-item>
+        <el-form-item label="申请时间：">{{dataList.CreateDate}}</el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: "firstStoreDetail",
+    data() {
+      return {
+        AuthenticationId: 0,
+        dataList: {}
+      }
+    },
+    created() {
+      if (this.$route.query.ID) {
+        this.AuthenticationId = this.$route.query.ID;
+        this.getData()
+      }
+    },
+    methods: {
+      getData() {
+        this.apipost("/api/Trade/GetAuthenticationInfo", {
+          AuthenticationId: this.AuthenticationId
+        }, res => {
+          if (res.data.resultCode == 1) {
+            this.dataList = res.data.data;
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
+
+    },
+  };
+
+</script>

src/components/tradePavilion/tradePavilionIndex.vue

@@ -227,6 +227,10 @@
             @click="isChecked='/brandManagement',CommonJump('brandManagement')">
             <i class="el-icon-menu"></i><span>品牌管理</span>
           </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/firstStoreApply'}"
+            @click="isChecked='/firstStoreApply',CommonJump('firstStoreApply')">
+            <i class="el-icon-menu"></i><span>首店申请</span>
+          </li>
         </ul>
       </div>
     </div>

src/router/index.js

@@ -721,6 +721,18 @@ export default new Router({
           path: '/brandManagement',
           name: 'brandManagement',
           component: resolve => require(['@/components/tradePavilion/brandManagement'], resolve),
+        },
+        //贸易管理--首店申请
+        {
+          path: '/firstStoreApply',
+          name: 'firstStoreApply',
+          component: resolve => require(['@/components/tradePavilion/firstStoreApply'], resolve),
+        },
+        //贸易管理--首店详情
+        {
+          path: '/firstStoreDetail',
+          name: 'firstStoreDetail',
+          component: resolve => require(['@/components/tradePavilion/firstStoreDetail'], resolve),
         }
       ]
     },