黄页营业执照

src/views/homepage/index.vue

@@ -111,7 +111,7 @@
                 <img src="@/assets/home_images/locate.png">
               </el-col>
               <el-col :span="13">
-                <div class="area">{{ dict.label.area_province[item.area] }}</div>
+                <div class="area">{{ item.area }}</div>
               </el-col>
               <el-col :span="8">
                 <div class="date">{{ item.date }}</div>

src/views/homepage/supplier/details.vue

@@ -98,7 +98,7 @@
                 <el-col :span="5" class="grid-content"><div class="grid-label">企业名称</div></el-col>
                 <el-col :span="7" class="grid-content">&#12288;{{ supplierObj.enterpriseName||'-' }}</el-col>
                 <el-col :span="5" class="grid-content"><div class="grid-label">营业执照</div></el-col>
-                <el-col :span="7" class="grid-content">&#12288;<span class="touch">点击查看图片</span></el-col>
+                <el-col :span="7" class="grid-content">&#12288;<span class="touch" @click="dialogVisible = true">点击查看图片</span></el-col>
               </el-row>
               <el-row>
                 <el-col :span="5" class="grid-content"><div class="grid-label">统一社会信用代码</div></el-col>
@@ -255,12 +255,13 @@
     <inquiry-view ref="inquiryView" />
     <float-inquiry-view v-show="tabIndex==='1'" ref="floatInquiryView" />
     <el-backtop />
+    <el-dialog title="营业执照" :visible.sync="dialogVisible" :show-close="false">
+      <el-image v-for="url in urls" :key="url" :src="url" lazy fit="contain" style="width: 100%" />
+    </el-dialog>
   </div>
 </template>
 <script>
 import default_product from '@/assets/home_images/default_product.png'
-import default_project from '@/assets/home_images/default_project.png'
-import default_system from '@/assets/home_images/default_system.png'
 import titleMenus from '../components/titleMenusV2'
 import userLogin from '../components/userLoginV2'
 import languageSetting from '../components/languageSettingV2'
@@ -275,9 +276,8 @@ export default {
   data() {
     return {
       defaultImgProduct: default_product,
-      defaultImgProject: default_project,
-      defaultImgSystem: default_system,
       imgSrcStart: process.env.VUE_APP_BASE_API,
+      dialogVisible: false,
       page: 1,
       pageSize: 12,
       total: 0,
@@ -288,105 +288,7 @@ export default {
       },
       mapDom: null,
       tabIndex: '1',
-      productList: [
-        {
-          isGood: true,
-          isHot: false,
-          isStore: false,
-          title: 'wiwo1002热能工程压力变送器',
-          subTitle: '乐清市柳市艾普乐传感器厂',
-          area: '北京',
-          date: '2023-06-12',
-          minPrice: '0.35',
-          maxPrice: '300',
-          imgSrc: '',
-          imgSrcList: []
-        }, {
-          isGood: true,
-          isHot: true,
-          isStore: true,
-          title: 'wiwo1002热能工程压力变送器',
-          subTitle: '乐清市柳市艾普乐传感器厂',
-          area: '北京',
-          date: '2023-06-12',
-          minPrice: '0.35',
-          maxPrice: '300',
-          imgSrc: '',
-          imgSrcList: []
-        }, {
-          isGood: false,
-          isHot: true,
-          isStore: false,
-          title: 'wiwo1002热能工程压力变送器',
-          subTitle: '乐清市柳市艾普乐传感器厂',
-          area: '北京',
-          date: '2023-06-12',
-          minPrice: '0.35',
-          maxPrice: '300',
-          imgSrc: '',
-          imgSrcList: []
-        }, {
-          isGood: false,
-          isHot: false,
-          isStore: true,
-          title: 'wiwo1002热能工程压力变送器',
-          subTitle: '乐清市柳市艾普乐传感器厂',
-          area: '北京',
-          date: '2023-06-12',
-          minPrice: '0.35',
-          maxPrice: '300',
-          imgSrc: '',
-          imgSrcList: []
-        }, {
-          isGood: false,
-          isHot: true,
-          isStore: false,
-          title: 'wiwo1002热能工程压力变送器',
-          subTitle: '乐清市柳市艾普乐传感器厂',
-          area: '北京',
-          date: '2023-06-12',
-          minPrice: '0.35',
-          maxPrice: '300',
-          imgSrc: '',
-          imgSrcList: []
-        }, {
-          isGood: false,
-          isHot: false,
-          isStore: false,
-          title: 'wiwo1002热能工程压力变送器',
-          subTitle: '乐清市柳市艾普乐传感器厂',
-          area: '北京',
-          date: '2023-06-12',
-          minPrice: '0.35',
-          maxPrice: '300',
-          imgSrc: '',
-          imgSrcList: []
-        }, {
-          isGood: true,
-          isHot: false,
-          isStore: false,
-          title: 'wiwo1002热能工程压力变送器',
-          subTitle: '乐清市柳市艾普乐传感器厂',
-          area: '北京',
-          date: '2023-06-12',
-          minPrice: '0.35',
-          maxPrice: '300',
-          imgSrc: '',
-          imgSrcList: []
-        }, {
-          isGood: false,
-          isHot: false,
-          isStore: false,
-          title: 'wiwo1002热能工程压力变送器',
-          subTitle: '乐清市柳市艾普乐传感器厂',
-          area: '北京',
-          date: '2023-06-12',
-          minPrice: '0.35',
-          maxPrice: '300',
-          imgSrc: '',
-          imgSrcList: []
-        }
-      ],
+      productList: [],
       supplierObj: {
         annualInspectionDate: '', // 审核日期
         businessLicense: '', // 营业执照的照片名称
@@ -424,7 +326,16 @@ export default {
         isGood: true
       },
       throttle: null, // 节流器
-      throttleTime: 300
+      throttleTime: 300,
+      urls: [
+        'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
+        'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg',
+        'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg',
+        'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg',
+        'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg',
+        'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg',
+        'https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg'
+      ]
     }
   },
   mounted() {