外交平台

src/components/administrative/Diplomaticplat.vue

+
+<template>
+  <div class="Diplomaticplat">
+      <div class="query-box">
+        <ul>
+            <li>
+            <span>
+                <em>公司</em>
+            </span>
+            <el-select filterable v-model="obj.BranchId" >
+                <el-option label="不限" :value='-1'></el-option>
+                <el-option v-for="item in companyList" :label='item.BName' :value='item.Id' :key='item.Id'>
+                </el-option>
+            </el-select>
+            </li>
+             <li>
+            <span>
+                <em>平台名称</em>
+            </span>
+            <el-input v-model="obj.Name" placeholder="请输入内容"></el-input>
+            </li>
+             <li>
+            <span>
+                <em>联系人</em>
+            </span>
+            <el-input v-model="obj.Contact" placeholder="请输入内容"></el-input>
+            </li>
+             <li>
+            <span>
+                <em>联系电话</em>
+            </span>
+            <el-input v-model="obj.ContactMobile" placeholder="请输入内容"></el-input>
+            </li>
+            <li style="float:right;margin-bottom:10px">
+            <input
+                type="button"
+                class="hollowFixedBtn"
+                value="查询"
+                @click="getList()"
+            >
+            </li>
+            <!-- <input
+                type="button"
+                class="hollowFixedBtn"
+                value="新增"
+                @click="addRule"
+            >
+             -->
+        </ul>
+      </div>
+      
+     <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
+      <tr>
+        <th>平台名称</th>
+        <th>联系人</th>
+        <th>联系电话</th>
+        <th>是否有合同</th>
+        <th>合同说明</th>
+        <th>所属公司</th>
+        <th>备注</th>
+        <th>图片</th>
+        <th>操作人</th>
+        <th>操作时间</th>
+      </tr>
+      <tr v-for="(item,i) in dataList" :key="i">
+        <td>{{item.Name}}</td>
+        <td>{{item.Contact}}</td>
+        <td>{{item.ContactMobile}}</td>
+        <td>
+            <span v-if="item.HaveContract==1">是</span>
+            <span v-if="item.HaveContract==2">否</span>
+        </td>
+        <td>{{item.ContraceDateRange}}</td>
+        
+        <td>{{item.BranchName}}</td>
+        <td>{{item.Remark}}</td>
+        <td>
+            <span v-for="(img,index2) in item.ImageList" :key="index2">
+                <img :src="img"> 
+            </span>        
+        </td>
+        <td>{{item.CreateBy}}</td>
+        <td>{{item.CreateDate}}</td>
+        <!-- <td>
+            <el-button @click="SetRules(item)" style="padding:4px" type="primary" icon="el-icon-edit" circle></el-button>
+            <el-button @click="Delete(item)" style="padding:4px" type="danger" icon="el-icon-delete" circle></el-button>
+        </td> -->
+      </tr>
+      <tr v-if="dataList.length==0">
+        <td colspan="9" align="center">暂无数据</td>
+      </tr>
+    </table>
+    <el-pagination background @current-change="handleCurrentChange"
+      layout="total,prev, pager, next, jumper" :page-size="obj.pageSize" :total='total'>
+    </el-pagination> 
+  </div>
+</template>
+
+
+<script>
+
+
+export default {
+  name: 'Diplomaticplat',
+
+  created() {
+    
+  },
+  data () {
+    return {
+        companyList:[],
+        loading:false,
+        dataList:[],
+        total:0,
+        obj:{
+            pageIndex:1,
+            pageSize:10,
+            BranchId:'',
+            Name:'',
+            Contact:'',
+            ContactMobile:'',
+
+        },
+        companyListObj:{},
+
+    }
+  },
+  mounted() {
+    this.getCompany();
+    this.getList();
+  },
+  methods: {
+      handleCurrentChange(val) {
+            this.obj.pageIndex = val;
+            this.getList();
+        },
+    getList(){
+        this.loading=true;
+        this.apipost(
+            "Financial_get_GetDiplomacyPlatformPageList",
+            this.obj,
+            res => {
+                this.loading=false;
+                console.log("sadfsf",res);
+            if (res.data.resultCode == 1) {
+                this.dataList = res.data.data.pageData;
+                this.total = res.data.data.count;
+                
+            } else {
+            }
+            },
+            err => {}
+        );
+    },
+      getCompany() {
+            this.apipost(
+                "admin_get_BranchGetList",
+                this.getCompanyMsg,
+                res => {
+                if (res.data.resultCode == 1) {
+                    this.companyList = res.data.data;
+                    this.companyList.map(item=>{
+                        this.companyListObj[item.Id]=item.BName;
+                    })
+                } else {
+                }
+                },
+                err => {}
+            );
+        },
+  },
+  
+}
+</script>
+<style>
+
+
+</style>

src/router/config.js

@@ -641,6 +641,14 @@ export default {
                                 title: '联盟管理'
                             },
                         },
+                        {
+                            path: '/Diplomaticplat', //联盟管理
+                            name: 'Diplomaticplat',
+                            component: resolve => require(['@/components/administrative/Diplomaticplat'], resolve),
+                            meta: {
+                                title: '外交平台'
+                            },
+                        },
                         {
                             path: '/XProcessmanagement', //联盟管理
                             name: 'XProcessmanagement',