1

src/components/tradePavilion/editVehicle.vue

@@ -130,10 +130,22 @@
             placeholder="请输入开发商"
           ></el-input>
         </el-form-item>
-        <el-form-item label="首店数量" prop="Developers">
+        <el-form-item label="" prop="">
+          <div slot="label">
+            首店类型/数量
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="添加首店类型/数量"
+              placement="top"
+            >
+              <i class="el-icon-plus" @click="addTypeAndNum"></i>
+            </el-tooltip>
+          </div>
           <div
-            style="width: 690px; display: flex"
-            v-for="(item, index) in addMsg.HonorList"
+            style="width: 690px; display: flex; align-items: center"
+            v-for="(item, index) in addMsg.FirstShopNumList"
+            :key="index"
           >
             <el-select
               v-model="item.Id"
@@ -154,6 +166,14 @@
               size="small"
               placeholder="首店数量"
             ></el-input>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="删除首店类型/数量"
+              placement="top"
+            >
+              <i class="el-icon-delete" @click="delTypeAndNum(index)"></i>
+            </el-tooltip>
           </div>
         </el-form-item>
         <el-form-item label="载体视频">
@@ -668,12 +688,22 @@ export default {
         "/api/AppletTrade/GetAuthenticationCategoryEnumList",
         { Name: "", Id: "" },
         (res) => {
-          if (res.resultCode == 1) {
-            this.shenList = res.data;
+          if (res.data.resultCode == 1) {
+            this.shenList = res.data.data;
           }
         }
       );
     },
+    addTypeAndNum() {
+      this.addMsg.FirstShopNumList.push({
+        Id: 0,
+        Name: "",
+        Num: 0,
+      });
+    },
+    delTypeAndNum(index) {
+      this.addMsg.FirstShopNumList.splice(index, 1);
+    },
   },
 };
 </script>

src/components/tradePavilion/firstStoreDetail.vue

 <style>
-  .firstStoreDetail .content{
-    background: #fff;
-    padding: 20px;
-    margin-top:10px;
-    box-sizing: border-box;
-  }
+.firstStoreDetail .content {
+  background: #fff;
+  padding: 20px;
+  margin-top: 10px;
+  box-sizing: border-box;
+}
 
-  .firstStoreDetail .el-form-item {
-    margin-bottom: 0;
-  }
+.firstStoreDetail .el-form-item {
+  margin-bottom: 0;
+}
 
-  .firstStoreDetail .CoverImage {
-    width: 80px;
-    height: 80px;
-    border: 1px solid #e2e2e2;
-  }
-  .First_LLINE .el-form-item__label{
-    line-height:1
-  }
-  .firstIbntro{
-    margin:10px 0!important;
-  }
-  .firstIbntro .el-form-item__content ,.firstIbntro .el-form-item__label{
-    line-height: 25px;
-  }
+.firstStoreDetail .CoverImage {
+  width: 80px;
+  height: 80px;
+  border: 1px solid #e2e2e2;
+}
+.First_LLINE .el-form-item__label {
+  line-height: 1;
+}
+.firstIbntro {
+  margin: 10px 0 !important;
+}
+.firstIbntro .el-form-item__content,
+.firstIbntro .el-form-item__label {
+  line-height: 25px;
+}
 </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>
+      <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">
+        <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">
-            <el-image 
+            <el-image
               :src="dataList.CoverImage"
-              style="width:78px;height:78px"
-              :preview-src-list="CoverImageList">
+              style="width: 78px; height: 78px"
+              :preview-src-list="CoverImageList"
+            >
             </el-image>
           </div>
         </el-form-item>
-        <el-form-item label="图片列表：" style="margin-top:20px;" class="First_LLINE">
+        <el-form-item
+          label="图片列表："
+          style="margin-top: 20px"
+          class="First_LLINE"
+        >
           <div>
-             <el-image 
-              style="width:80px;height:80px;margin-right:10px;"
+            <el-image
+              style="width: 80px; height: 80px; margin-right: 10px"
               :key="index"
-              v-for="(item,index) in dataList.ImageList"
+              v-for="(item, index) in dataList.ImageList"
               :src="item"
-              :preview-src-list="dataList.ImageList">
+              :preview-src-list="dataList.ImageList"
+            >
             </el-image>
           </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="简介：" class="firstIbntro">{{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="视频地址：">{{ 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.BrandName }}</el-form-item>
+        <el-form-item label="行业种类：">{{
+          dataList.BusinessDetail
+        }}</el-form-item>
+        <el-form-item label="简介：" class="firstIbntro">{{
+          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" style="color:#1273bc;">未审核</span>
-          <span v-if="dataList.AuditState==2" style="color:green;">审核通过</span>
-          <span v-if="dataList.AuditState==3" style="color:#e95252;">审核不通过</span>
+          <span v-if="dataList.AuditState == 1" style="color: #1273bc"
+            >未审核</span
+          >
+          <span v-if="dataList.AuditState == 2" style="color: green"
+            >审核通过</span
+          >
+          <span v-if="dataList.AuditState == 3" style="color: #e95252"
+            >审核不通过</span
+          >
         </el-form-item>
-        <el-form-item label="审核时间：">{{dataList.AuditDate}}</el-form-item>
-        <el-form-item label="申请时间：">{{dataList.CreateDate}}</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: {},
-        CoverImageList:[]
-      }
-    },
-    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 => {
+export default {
+  name: "firstStoreDetail",
+  data() {
+    return {
+      AuthenticationId: 0,
+      dataList: {},
+      CoverImageList: [],
+    };
+  },
+  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;
             this.CoverImageList = [];
@@ -106,10 +142,9 @@
           } else {
             this.Error(res.data.message);
           }
-        })
-      },
-
+        }
+      );
     },
-  };
-
+  },
+};
 </script>