修改

src/components/WebSet/WebSiteContract.vue

+<style>
+  .WebSiteContract .el-button.is-circle {
+    padding: 6px;
+  }
+</style>
 <template>
-  <!--契约管理(合同管理)-->
+  <!--契约管理-->
   <div class="WebSiteContract">
-    契约管理
-  </div>
+    <div class="query-box">
+      <ul>
+        <li>
+          <label>名称</label>
+          <el-input v-model="msg.name" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData" class="w210">
+          </el-input>
+        </li>
+        <li>
+          <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
+            @click="resetPageIndex(),getData()" />
+          <input type="button" class="normalBtn" @click="outerVisible=true" value="上传契约" />
+        </li>
+      </ul>
+    </div>
+    <div>
+      <el-table :data="dataList" style="width: 100%" :default-sort="{prop: 'date', order: 'descending'}">
+        <el-table-column prop="fileName" label="档案名称" sortable>
+        </el-table-column>
+        <el-table-column prop="status" label="状态">
+          <template slot-scope="scope">
+            <el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" active-color="#13ce66"
+              inactive-color="#ff4949"></el-switch>
+          </template>
+        </el-table-column>
+        <el-table-column prop="setupTime" label="建立时间" sortable>
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
+              <el-button type="primary" icon="el-icon-edit" circle @click="outerVisible = true,updateData(index)">
+              </el-button>
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
+              <el-button type="danger" icon="el-icon-delete" circle @click="deletelist(index)"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="noData" v-if="dataList.length==0">
+        {{$t('system.content_noData')}}
+      </div>
+      <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+        layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total=total>
+      </el-pagination>
+    </div>
 
+    <el-dialog title="上传契约" :visible.sync="outerVisible" center width="400px">
+      <el-form :model="addMsg" ref="addMsg" label-width="120px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="状态">
+              <el-radio v-model="addMsg.status" :label="1">开启</el-radio>
+              <el-radio v-model="addMsg.status" :label="0">关闭</el-radio>
+            </el-form-item>
+            <el-form-item label="档案名称">
+              <el-input type="text" v-model="addMsg.fileName">
+              </el-input>
+            </el-form-item>
+            <el-form-item label="档案上传">
+              <!-- <el-input type="text" v-model="addMsg.stayDays">
+              </el-input> -->
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp;
+        <button class="hollowFixedBtn"
+          @click="outerVisible = false">{{$t('pub.cancelBtn')}}</button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 <script>
   export default {
     data() {
       return {
-        obj: {}
-      };
+        msg: {
+          name: '', //名称
+          pageSize: 15,
+          pageIndex: 1,
+        },
+        total: 0,
+        currentPage: 1,
+        //弹窗
+        outerVisible: false,
+        dataList: [{
+          fileName: '档案名称', //档案名称
+          status: 1, //状态
+          setupTime: '2018-10-02', //建立时间
+         }],
+        addMsg:{
+          status:1, //状态
+          fileName:'', //档案名称
+          pdfFile:'', //档案上传文件pdf
+        },
+      }
     },
     mounted() {
       this.getData();
@@ -19,7 +111,29 @@
       //获取配置
       getData() {
 
-      }
+      },
+      handleCurrentChange(val) {
+        //翻页功能按钮
+        this.msg.pageIndex = val;
+        this.getData();
+      },
+      resetPageIndex() {
+        //查询初始化页码
+        this.msg.pageIndex = 1;
+        this.currentPage = 1;
+      },
+      //修改
+      updateData(index) {
+
+      },
+      //删除
+      deletelist(index) {
+
+      },
+      //新增
+      submitForm(addMsg){
+
+      },
     }
   }