1

src/views/app/basic/index.vue

@@ -41,6 +41,18 @@
                 </template>
               </data-table>
             </template>
+            <template #pay_info="{ item }">
+              <el-col :span="12">
+                <el-form-item label="微信收款码">
+                  <c-upload v-model="form[item.model].wx_url" url="/files/projectadmin/imgurl/upload" :limit="1"></c-upload>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="支付宝收款码">
+                  <c-upload v-model="form[item.model].zfb_url" url="/files/projectadmin/imgurl/upload" :limit="1"></c-upload>
+                </el-form-item>
+              </el-col>
+            </template>
           </data-form>
         </el-col>
       </el-col>
@@ -96,12 +108,14 @@ export default {
   components: {},
   data: function () {
     return {
-      form: { logo_url: [], foot_menus: [], account_btn: [] },
+      form: { logo_url: [], foot_menus: [], account_btn: [], pay_info: { wx_url: [], zfb_url: [] } },
       fields: [
         { label: '公司名称', model: 'name' },
         { label: '公司logo', model: 'logo_url', custom: true },
+        { label: '客服电话', model: 'customer_mobile' },
         { label: '底部菜单', model: 'foot_menus', custom: true },
         { label: '账号功能按钮', model: 'account_btn', custom: true },
+        { label: '支付信息', model: 'pay_info', custom: true },
       ],
       // 底部菜单
       mfields: [
@@ -224,6 +238,7 @@ export default {
             return a.sort - b.sort;
           });
         }
+        if (!data.pay_info) data.pay_info = { wx_url: [], zfb_url: [] };
         this.$set(this, `form`, data);
       }
     },

src/views/app/vip/money/index.vue

@@ -6,7 +6,11 @@
           <c-search :is_search="true" :fields="fields" @search="btSearch"> </c-search>
         </el-col>
         <el-col :span="24" class="thr">
-          <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total"> </data-table>
+          <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total">
+            <template #pay_url="{ row, item }">
+              <el-image class="image" :src="row[item.model].length > 0 ? row[item.model][0].url : ''" @click="imgView(row[item.model])"></el-image>
+            </template>
+          </data-table>
         </el-col>
       </el-col>
     </el-row>
@@ -26,11 +30,13 @@ export default {
       searchInfo: {},
       fields: [
         { label: '序号', options: { type: 'index' } },
-        { label: '订单号', model: 'money_no' },
+        { label: '订单号', model: 'money_no', isSearch: true },
+        { label: '转账单号/订单号', model: 'pay_no', isSearch: true },
         { label: '用户名称', model: 'user_name', isSearch: true },
-        { label: '交易类型', model: 'type', isSearch: true },
-        { label: '交易金额', model: 'money', isSearch: true },
+        { label: '交易类型', model: 'type' },
+        { label: '交易金额', model: 'money' },
         { label: '交易时间', model: 'create_time' },
+        // { label: '支付账单明细截图', model: 'pay_url', custom: true },
       ],
       opera: [],
       list: [],
@@ -53,6 +59,15 @@ export default {
       this.$set(this, `searchInfo`, query);
       this.search();
     },
+    // 图片预览
+    imgView(e) {
+      if (e.length > 0) {
+        let data = e[0];
+        window.open(data.url);
+      } else {
+        this.$message({ message: '暂无图片信息，无法查看', type: 'warning' });
+      }
+    },
   },
   computed: {
     ...mapState(['user']),
@@ -70,4 +85,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .thr {
+    .image {
+      width: 66px;
+      height: 66px;
+    }
+  }
+}
+</style>