合并

src/components/SideBar.vue

@@ -10,6 +10,10 @@
       <el-menu-item index="/views/certificate/index">凭证管理</el-menu-item>
       <el-menu-item index="/views/account/register">账号管理</el-menu-item>
       <el-menu-item index="/views/xingwei/index">行为审计</el-menu-item>
+      <el-menu-item index="/strM">策略管理</el-menu-item>
+      <el-menu-item index="/views/duty/duty">责任认定</el-menu-item>
+      <el-menu-item index="/views/synch/synch">同步</el-menu-item>
+
       <el-submenu index="">
         <template #title>
           权限管理

src/router.js

@@ -67,6 +67,21 @@ export default new Router({
           name: 'right',
           component: () => import('./views/role/right.vue'),
         },
+        {
+          path: '/strM',
+          name: 'str',
+          component: () => import('./views/StrMana/strM.vue'),
+        },
+        {
+          path: '/views/duty/duty',
+          name: 'duty',
+          component: () => import('./views/duty/duty.vue'),
+        },
+        {
+          path: '/views/synch/synch',
+          name: 'synch',
+          component: () => import('./views/synch/synch.vue'),
+        },
       ],
     },
   ],

src/views/StrMana/strM.vue

@@ -0,0 +1,314 @@
+<template lang="html">
+  <div id="strM">
+    <el-row class="register">
+      <el-col :span="24" class="btn">
+        <el-row :gutter="10">
+          <el-col :span="20"><h3>策略管理</h3></el-col>
+          <!-- 批量导入按钮没加 -->
+          <el-col :span="4"><el-button type="success" icon="el-icon-plus" @click="dialogFormVisible = true">策略配置</el-button></el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="24" class="search">
+        <el-col :span="5" class="searchInp"><el-input v-model="input" placeholder="请输入内容"></el-input></el-col>
+        <el-col :span="2" class="searchBtn"><el-button icon="el-icon-search"></el-button></el-col>
+      </el-col>
+      <el-col :span="24" class="list">
+        <el-table :data="tableData" style="width: 100%" border stripe>
+          <el-table-column prop="strName" align="center" label="策略名称"> </el-table-column>
+          <el-table-column align="center" prop="state" label="状态">
+            <template v-slot="scoped">
+              {{ scoped.row.state === '0' ? '冻结' : '使用中' }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="操作">
+            <template v-slot="scoped">
+              <el-row type="flex" justify="center">
+                <el-col :span="6">
+                  <el-button size="small" type="text" @click="openDialog(scoped.$index)">策略变更</el-button>
+                </el-col>
+                <el-col :span="6">
+                  <el-button v-if="scoped.row.state == 1" size="small" type="text" @click="open1(scoped.$index)">注销</el-button>
+                  <el-button v-if="scoped.row.state == 0" size="small" type="text" @click="open2(scoped.$index)">恢复</el-button>
+                </el-col>
+              </el-row>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col class="paging">
+          <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog title="策略配置" :visible.sync="dialogFormVisible">
+      <el-form :model="form" label-position="left" label-width="auto" style="padding: 0 5px;">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="策略名称">
+              <el-input v-model="form.strName"></el-input>
+            </el-form-item>
+            <el-form-item label="容错策略：">
+              <el-col>
+                <el-col :span="12">
+                  <span>重试次数</span>
+                  <el-input v-model="form.ID_num"></el-input>
+                </el-col>
+                <el-col :span="12">
+                  <span>间隔</span>
+                  <el-input v-model="form.ID_dis"></el-input>
+                </el-col>
+              </el-col>
+            </el-form-item>
+            <el-form-item label="同步类型">
+              <el-select v-model="form.nation" filterable placeholder="数据库">
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="同步目标数据库类型">
+              <el-select v-model="form.msql" filterable placeholder="Oracle">
+                <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="数据库用户名">
+              <el-input v-model="form.name" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="数据库密码">
+              <el-input v-model="form.password" show-password></el-input>
+            </el-form-item>
+            <el-form-item label="地址">
+              <el-input v-model="form.address" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="数据名称">
+              <el-input v-model="form.dataNum"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="端口">
+              <el-input v-model="form.port" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="同步服务端口">
+              <el-input v-model="form.serPort"></el-input>
+            </el-form-item>
+            <el-form-item label="远程">
+              <el-radio v-model="long" label="1">是</el-radio>
+              <el-radio v-model="long" label="2">否</el-radio>
+            </el-form-item>
+            <el-form-item v-if="long === '1'" label="本服务器地址">
+              <el-input v-model="form.myAddress" clearable></el-input>
+            </el-form-item>
+            <el-form-item v-if="long === '1'" label="Adapter地址">
+              <el-input v-model="form.adapter" clearable></el-input>
+            </el-form-item>
+            <el-form-item v-if="long === '1'" label="Adapter端口号">
+              <el-input v-model="form.adapter_port" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="连接配置">
+              <el-input v-model="form.indexSet" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="添加对外同步任务："> </el-form-item>
+
+            <el-form-item label="WSDL地址">
+              <el-input v-model="form.wsdl" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="同步服务端口">
+              <el-input v-model="form.sinport" clearable></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleEdit">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'strM',
+  props: {},
+  components: {},
+  data: () => ({
+    input: '',
+    textarea: '',
+    long: '1',
+    tableData: [
+      {
+        nation: '数据库',
+        msql: 'Oracle',
+        strName: '策略1',
+        state: '0',
+      },
+      {
+        nation: 'webservice',
+        msql: 'sqlservice',
+        strName: '策略2',
+        state: '1',
+      },
+    ],
+    options: [
+      {
+        value: 'Oracle',
+        label: 'Oracle',
+      },
+      {
+        value: 'webservice',
+        label: 'webservice',
+      },
+    ],
+    options2: [
+      {
+        value: 'Oracle',
+        label: 'Oracle',
+      },
+      {
+        value: 'sqlserver',
+        label: 'sqlserver',
+      },
+    ],
+    value: '',
+    dialogFormVisible: false,
+    form: {
+      strName: '',
+      ID_num: '5',
+      ID_dis: '5',
+      name: '',
+      password: '',
+      dataNum: '',
+      address: '',
+      port: '',
+      serPort: '',
+      myAddress: '',
+      adapter: '',
+      adapter_port: '',
+      indexSet: '',
+      wsdl: '',
+      sinport: '8808',
+    },
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleEdit() {
+      let chData = this.form;
+      const { index, ...form } = chData;
+      form['state'] = 1;
+      console.log(index, form);
+      if (index !== undefined) {
+        this.$set(this.tableData, `${index}`, form);
+        this.$message.success('修改成功');
+      } else {
+        this.tableData.push(form);
+      }
+
+      this.handleCancel();
+    },
+    handleCancel() {
+      this.form = {};
+      this.dialogFormVisible = false;
+    },
+    openDialog(index) {
+      this.dialogFormVisible = true;
+      let data = JSON.parse(JSON.stringify(this.tableData[index]));
+      data[`index`] = index;
+      this.$set(this, `form`, data);
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    },
+    open1(num) {
+      console.log(num);
+      this.$confirm('确认注销此用户吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          this.$set(this.tableData[num], `state`, '0');
+          this.$message({
+            type: 'success',
+            message: '注销成功!',
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消',
+          });
+        });
+    },
+    open2(num) {
+      console.log(num);
+      this.$confirm('确认恢复此用户吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          this.$set(this.tableData[num], `state`, '1');
+          this.$message({
+            type: 'success',
+            message: '恢复成功!',
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消',
+          });
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  padding: 0;
+}
+.register {
+  width: 100%;
+  padding: 20px;
+}
+.btn {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  margin: 20px 0;
+}
+.search {
+  height: 40px;
+  line-height: 40px;
+  margin: 0 0 20px 0;
+}
+.searchSel .el-select {
+  border-radius: 0;
+}
+/deep/.searchInp .el-input__inner {
+  border-radius: 0;
+}
+.searchBtn .el-button {
+  border-radius: 0;
+}
+.paging {
+  text-align: right;
+  margin: 10px 0;
+}
+.sizeA {
+  padding: 30px;
+}
+.paging {
+  text-align: right;
+  margin: 10px 0;
+}
+</style>

src/views/duty/duty.vue

@@ -0,0 +1,139 @@
+<template>
+  <div id="duty">
+    <el-row class="register">
+      <el-col :span="24" class="btn">
+        <el-col :span="20"><h3>责任认定</h3></el-col>
+      </el-col>
+      <el-col :span="24" class="search">
+        <el-col :span="3" class="searchSel">
+          <el-select v-model="value" placeholder="请选择">
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+          </el-select>
+        </el-col>
+        <el-col :span="5" class="searchInp"><el-input v-model="input" placeholder="输入用户信息"></el-input></el-col>
+        <el-col :span="13" class="searchBtn"><el-button icon="el-icon-search"></el-button></el-col>
+        <el-col :span="1"><el-button type="success" icon="el-icon-plus">认证报告批量导出</el-button></el-col>
+      </el-col>
+      <el-col>
+        <el-table :data="tableData" style="width: 100%" border>
+          <el-table-column align="center" type="selection" width="40"> </el-table-column>
+          <el-table-column align="center" prop="user" label="用户" width="200"> </el-table-column>
+          <el-table-column align="center" prop="behavior" label="行为"> </el-table-column>
+          <el-table-column align="center" prop="type" label="类型"> </el-table-column>
+          <el-table-column align="center" label="操作">
+            <el-button type="text" @click="dialogTableVisible = true">查看日志</el-button>
+            <el-button type="text">定位失信行为</el-button>
+            <el-button type="text">警告</el-button>
+            <el-button type="text">生成报告 </el-button>
+          </el-table-column>
+        </el-table>
+        <el-col class="paging">
+          <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog title="查看日志详情" fullscreen :visible.sync="dialogTableVisible">
+      <el-table :data="dialogData">
+        <el-table-column align="center" property="time" label="时间"></el-table-column>
+        <el-table-column align="center" property="place" label="地点"></el-table-column>
+      </el-table>
+      <div slot="footer" align="center" class="dialog-footer">
+        <el-button type="primary" @click="dialogTableVisible = false">返回</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { log } from 'util';
+export default {
+  name: 'duty',
+  props: {},
+  components: {},
+  data: () => ({
+    options: [
+      {
+        value: '选项1',
+        label: '行为',
+      },
+      {
+        value: '选项2',
+        label: '类型',
+      },
+    ],
+    tableData: [
+      {
+        user: 'Zedc',
+        behavior: '登录',
+        type: '普通行为',
+      },
+      {
+        user: 'Abc',
+        behavior: '修改',
+        type: '普通行为',
+      },
+      {
+        user: 'aBc',
+        behavior: '删除',
+        type: '关键行为',
+      },
+      {
+        user: 'abC',
+        behavior: '登录',
+        type: '关键行为',
+      },
+    ],
+    dialogData: [
+      { time: '时间：2018年9月1日上午9：40', place: '长春' },
+      { time: '时间：2018年12月3日下午5：23', place: '北京' },
+      { time: '时间：2019年3月28日下午9：52', place: '深圳' },
+      { time: '时间：2019年6月17日上午11：20', place: '上海' },
+    ],
+    input: '',
+    dialogTableVisible: false,
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  padding: 0;
+}
+.register {
+  width: 100%;
+  padding: 20px;
+}
+.btn {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  margin: 20px 0;
+}
+.search {
+  height: 40px;
+  line-height: 40px;
+  margin: 0 0 20px 0;
+}
+.searchSel .el-select {
+  border-radius: 0;
+}
+/deep/.searchInp .el-input__inner {
+  border-radius: 0;
+}
+.searchBtn .el-button {
+  border-radius: 0;
+}
+.paging {
+  text-align: right;
+  margin: 10px 0;
+}
+</style>

src/views/role/resources.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <div id="resources">
     <el-row class="register">
       <el-col :span="24" class="btn">
@@ -13,47 +13,31 @@
         <el-col :span="2" class="searchBtn"><el-button icon="el-icon-search"></el-button></el-col>
       </el-col>
       <el-col :span="24" class="list" style="padding:0 2rem;">
-        <el-collapse v-model="activeNames">
-          <el-collapse-item v-for="(data, index) in tableData" :key="index" :name="`${index}`" style="margin-bottom:1rem;">
-            <template #title>
-              <span style="padding-left:1.5rem;font-size:1rem;">{{ data.name }}</span>
+        <el-table :data="tableData" style="width: 100%" border stripe>
+          <el-table-column prop="name" align="center" label="群组名称"> </el-table-column>
+          <el-table-column prop="charge" align="center" label="状态">
+            <template v-slot="scoped">
+              {{ scoped.row.state === '0' ? '停用' : '启用' }}
             </template>
-            <el-row style="padding:0.5rem;">
-              <el-popover v-for="(item, itemIndex) in data.children" :key="itemIndex" placement="bottom" trigger="click" @hide="form = {}">
-                <el-row type="flex" align="middle" justify="center">
-                  <el-col :span="8">
-                    <el-button size="mini" type="success" @click="handleEdit">修改</el-button>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button size="mini" :type="`${item.state === '0' ? 'danger' : 'success'}`" @click="changeState(index, itemIndex)">
-                      {{ item.state === '0' ? '停用' : '启用' }}
-                    </el-button>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-form :model="form">
-                    <el-row>
-                      <el-col :span="24">
-                        <el-form-item label="资源名称">
-                          <el-input v-model="form.name" clearable></el-input>
-                        </el-form-item>
-                      </el-col>
-                    </el-row>
-                  </el-form>
-                </el-row>
-                <el-button
-                  slot="reference"
-                  size="mini"
-                  :type="`${item.state === '0' ? 'success' : ''}`"
-                  style="margin-right:1rem; margin-bottom:0.5rem;"
-                  @click="openDialog(index, itemIndex)"
-                >
-                  {{ item.name }}
-                </el-button>
-              </el-popover>
-            </el-row>
-          </el-collapse-item>
-        </el-collapse>
+          </el-table-column>
+          <el-table-column label="操作" align="center">
+            <template v-slot="scoped">
+              <el-row type="flex" justify="center">
+                <el-col :span="6">
+                  <el-button size="mini" type="primary" @click="openDialog(scoped.$index, 'update')">修改</el-button>
+                </el-col>
+                <el-col :span="6">
+                  <el-button size="mini" :type="`${scoped.row.state === '0' ? 'danger' : 'success'}`" @click="changeState(scoped.$index)">
+                    {{ scoped.row.state === '0' ? '停用' : '启用' }}
+                  </el-button>
+                </el-col>
+              </el-row>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col class="paging">
+          <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
+        </el-col>
       </el-col>
     </el-row>
     <el-dialog title="资源编辑" :visible.sync="dialog">
@@ -90,18 +74,14 @@ export default {
     input: '',
     textarea: '',
     tableData: [
-      {
-        name: '文档',
-        children: [{ name: '文档1', state: '0' }, { name: '文档2', state: '1' }],
-      },
-      {
-        name: '应用',
-        children: [{ name: '应用1', state: '0' }, { name: '应用2', state: '0' }, { name: '应用3', state: '0' }],
-      },
-      {
-        name: '数据',
-        children: [{ name: '数据1', state: '0' }, { name: '数据2', state: '0' }, { name: '数据3', state: '0' }],
-      },
+      { name: '文档1', state: '0' },
+      { name: '文档2', state: '1' },
+      { name: '应用1', state: '0' },
+      { name: '应用2', state: '0' },
+      { name: '应用3', state: '0' },
+      { name: '数据1', state: '0' },
+      { name: '数据2', state: '0' },
+      { name: '数据3', state: '0' },
     ],
     personList: [],
     value: '',
@@ -140,17 +120,17 @@ export default {
       this.form = {};
       this.dialog = false;
     },
-    openDialog(index, itemIndex) {
-      let data = JSON.parse(JSON.stringify(this.tableData[index].children[itemIndex]));
+    openDialog(index) {
+      let data = JSON.parse(JSON.stringify(this.tableData[index]));
       data[`index`] = index;
-      data[`itemIndex`] = itemIndex;
       this.$set(this, `form`, data);
+      this.dialog = true;
     },
-    changeState(index, itemIndex) {
-      let data = this.tableData[index].children[itemIndex];
+    changeState(index) {
+      let data = this.tableData[index];
       data.state = data.state === '0' ? '1' : '0';
       this.$set(this.form, `state`, data.state);
-      this.$set(this.tableData[index].children[itemIndex], `state`, data.state);
+      this.$set(this.tableData[index], `state`, data.state);
     },
   },
 };

src/views/synch/synch.vue

@@ -0,0 +1,135 @@
+<template>
+  <div id="synch">
+    <el-row class="register">
+      <el-col :span="24" class="btn">
+        <el-col :span="20"><h3>同步</h3></el-col>
+      </el-col>
+      <el-col :span="24" class="search">
+        <el-col :span="6" class="searchSel">
+          <el-date-picker v-model="value1" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
+        </el-col>
+        <el-col :span="5" class="searchInp"><el-input v-model="input1" placeholder="输入策略名"></el-input></el-col>
+        <el-col :span="5" class="searchInp"><el-input v-model="input2" placeholder="输入服务器名称"></el-input></el-col>
+        <el-col :span="2" class="searchBtn"><el-button icon="el-icon-search"></el-button></el-col>
+      </el-col>
+      <el-col>
+        <el-table :data="tableData" style="width: 100%" border>
+          <el-table-column align="center" prop="data" label="时间"> </el-table-column>
+          <el-table-column align="center" prop="name1" label="策略名称" width="80"> </el-table-column>
+          <el-table-column align="center" prop="name2" label="服务器名称" width="150"> </el-table-column>
+          <el-table-column align="center" prop="behavior" label="同步行为"> </el-table-column>
+          <el-table-column align="center" prop="stata" label="完成情况"> </el-table-column>
+          <el-table-column align="center" label="操作" width="130">
+            <el-button type="text" @click="dialogTableVisible = true">查看异常信息</el-button>
+          </el-table-column>
+        </el-table>
+        <el-col class="paging">
+          <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog title="查看异常信息" fullscreen :visible.sync="dialogTableVisible">
+      <el-table :data="dialogData">
+        <el-table-column align="center" property="time" label="时间"></el-table-column>
+        <el-table-column align="center" property="reason" label="原因"></el-table-column>
+      </el-table>
+      <div slot="footer" align="center" class="dialog-footer">
+        <el-button type="primary" @click="dialogTableVisible = false">返回</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { log } from 'util';
+export default {
+  name: 'synch',
+  props: {},
+  components: {},
+  data: () => ({
+    tableData: [
+      {
+        data: '2018年9月1日上午9：40至2018年12月3日下午5：23',
+        name1: 'abc',
+        name2: '服务器1',
+        behavior: '同步用户数据',
+        stata: '正常',
+      },
+      {
+        data: '2018年9月1日上午9：40至2018年12月3日下午5：23',
+        name1: 'Zed',
+        name2: '服务器1',
+        behavior: '同步应用数据',
+        stata: '异常',
+      },
+      {
+        data: '2018年9月1日上午9：40至2018年12月3日下午5：23',
+        name1: 'bac',
+        name2: '服务器2',
+        behavior: '同步文档数据',
+        stata: '异常',
+      },
+      {
+        data: '2018年9月1日上午9：40至2018年12月3日下午5：23',
+        name1: 'bca',
+        name2: '服务器2',
+        behavior: '同步用户数据',
+        stata: '正常',
+      },
+    ],
+    dialogData: [
+      { time: '时间：2018年9月1日上午9：40', reason: '网络终断' },
+      { time: '时间：2018年12月3日下午5：23', reason: '人为停止' },
+      { time: '时间：2019年3月28日下午9：52', reason: '人为停止' },
+      { time: '时间：2019年6月17日上午11：20', reason: '未知原因  ' },
+    ],
+    input1: '',
+    input2: '',
+    value1: '',
+    dialogTableVisible: false,
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  padding: 0;
+}
+.register {
+  width: 100%;
+  padding: 20px;
+}
+.btn {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  margin: 20px 0;
+}
+.search {
+  height: 40px;
+  line-height: 40px;
+  margin: 0 0 20px 0;
+}
+.searchSel .el-select {
+  border-radius: 0;
+}
+/deep/.searchInp .el-input__inner {
+  border-radius: 0;
+}
+.searchBtn .el-button {
+  border-radius: 0;
+}
+.paging {
+  text-align: right;
+  margin: 10px 0;
+}
+</style>