BUG 30546

src/mods/publicity/AppAgProducts/agDetail.vue

@@ -11,19 +11,13 @@
              v-for="(item,index) in detail.files" :key="index" @click="preview(index)">
       </div>
     </div>
-    <div class="card">
-      <div class="item">
-        <div class="label">联系方式</div>
-        <div class="value" @click="phone">
-          <u-icon name="phone-fill" size="28" color="#4181FF" :custom-style="{marginRight:'6px'}"></u-icon>
-          {{ detail.phone }}
-        </div>
-      </div>
-      <div class="item">
-        <div class="label">地址</div>
-        <div class="address">{{ detail.address }}</div>
-      </div>
-    </div>
+    <AiGroup>
+      <AiItem v-if="detail.contactPerson" label="联系人" :value="detail.contactPerson"/>
+      <AiItem label="联系方式">
+        <u-icon name="phone-fill" size="32" label-size="32" color="#4181FF" labelColor="#4181FF" :label="detail.phone" @click="phone"/>
+      </AiItem>
+      <AiItem label="地址" :value="detail.address"/>
+    </AiGroup>
     <div class="btn-wrapper" v-if="detail.openId == user.openId">
       <div class="btn" @click="unDo" hover-class="text-hover">撤销发布</div>
     </div>
@@ -33,6 +27,7 @@
 
 <script>
 import {mapState} from 'vuex'
+
 export default {
   name: "agDetail",
   appName: "农产品详情",