vue2-client 1.3.1 → 1.3.4

package/src/layouts/header/InstitutionDetail.vue

@@ -1,182 +1,181 @@
-<template>
-  <div style="position: relative;">
-    <h2 style="text-align: center">{{ institutionData.f_title }}</h2>
-    <p>简述: {{ institutionData.f_sketch }}</p>
-    <p>生效时间: {{ format(institutionData.f_effective_date) }}</p>
-    <div v-if="showDocument" class="content">
-      <iframe :src="institutionDocUrl" width="100%" height="100%" frameborder="0"></iframe>
-    </div>
-    <!-- 其他附件 -->
-    <div class="other-file">
-      <div class="title">其他附件</div>
-      <div v-for="file in otherFiles" :key="file.id">
-        <a class="file-item">
-          <span class="file-action" @click="handlePreviewDoc(file.url)">
-            <a-icon type="link" />{{ file.name }}
-          </span>
-          <span class="file-action" @click="handlePreviewDoc(file.url)">
-            <a-icon type="eye" />预览
-          </span>
-          <a class="file-action" @click="handlePreDowDoc(file)" target="_blank"><a-icon type="download" />下载</a>
-        </a>
-      </div>
-    </div>
-    <!-- 其他附件预览 -->
-    <a-modal v-model="previewDocVisible" :footer="null" :dialog-style="{ top: '20px' }" width="97%" :z-index="1001">
-      <div class="preview-doc-container">
-        <a-spin size="large" :spinning="previewDocLoading" />
-        <iframe
-          v-show="!previewDocLoading"
-          :src="previewDocUrl"
-          width="100%"
-          height="100%"
-          frameborder="0"
-          @load="previewDocLoading = false" />
-      </div>
-    </a-modal>
-    <a-button class="submit_btn" type="primary" @click="confirm_institution">确认</a-button>
-  </div>
-</template>
-
-<script>
-import { Base64 } from 'js-base64'
-import { post } from '@vue2-client/services/api/restTools'
-import { formatDate } from '@vue2-client/utils/util'
-
-export default {
-  name: 'InstitutionDetail',
-  props: {
-    institutionId: {
-      type: Number,
-      default: undefined
-    },
-    affirmInstitution: {
-      type: Number,
-      default: undefined
-    }
-  },
-  data () {
-    return {
-      institutionDocUrl: undefined,
-      showDocument: false,
-      otherFiles: [],
-      institutionData: {},
-      previewDocVisible: false,
-      previewDocUrl: undefined,
-      previewDocLoading: false
-    }
-  },
-  watch: {
-    institutionId () {
-      this.getDetailData()
-    }
-  },
-  mounted () {
-    this.getDetailData()
-  },
-  methods: {
-    // 获取详情数据
-    getDetailData () {
-      if (!this.institutionId) {
-        return
-      }
-      const otherFiles = []
-      post('/webmeterapi/getInstitutionDetail', {
-        id: this.institutionId
-      }).then(res => {
-        res.files.forEach(item => {
-          if (item.use_type === '制度文件') {
-            const institutionDocUrl = previewDocService + encodeURIComponent(Base64.encode(fileServer + item.url))
-            this.institutionDocUrl = institutionDocUrl
-            this.showDocument = true
-          } else {
-            otherFiles.push(item)
-          }
-        })
-        this.institutionData = res.institution
-        this.otherFiles = otherFiles
-      })
-    },
-    format (dateStr) {
-      return formatDate(dateStr, 'yyyy-MM-dd')
-    },
-    // 其他附件预览
-    handlePreviewDoc (url) {
-      const previewDocUrl = previewDocService + encodeURIComponent(Base64.encode(fileServer + url))
-      if (this.previewDocUrl != previewDocUrl) {
-        this.previewDocLoading = true
-        this.previewDocUrl = previewDocUrl
-      }
-      this.previewDocVisible = true
-    },
-    // 下载文档
-    handlePreDowDoc (file) {
-      const a = document.createElement('a')
-      a.href = file.url
-      a.download = file.name
-      a.click()
-    },
-    confirm_institution () {
-      post('/webmeterapi/affirmInstitution', {
-        data: {
-          tobe: [
-            {
-              id: this.affirmInstitution,
-              f_affirm_type: '系统确认'
-            }
-          ]
-        }
-      }).then(res => {
-        this.$message.success('确认成功')
-        this.$emit('get_to_be_confirmed')
-      })
-    },
-  }
-}
-// 文档预览服务 API
-const previewDocService = 'http://123.60.214.109:8012/onlinePreview?url='
-// 文件服务器地址
-const fileServer = 'http://123.60.214.109:8406'
-</script>
-
-<style lang="less" scoped>
-.submit_btn{
-  position: absolute;
-  right:0;
-  top: 0;
-}
-.content {
-  height: 80vh;
-  img {
-    max-width: 100%;
-  }
-}
-.other-file {
-  margin: 16px 0;
-  .title {
-    margin-bottom: 6px;
-  }
-}
-.file-item {
-  .file-action {
-    padding: 3px 4px;
-    color: #1890ff;
-    &:hover {
-      background: #e6f7ff;
-    }
-  }
-  .anticon {
-    margin-right: 3px;
-  }
-}
-.file-list-title {
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: bold;
-  font-size: 16px;
-  margin-bottom: 8px;
-}
-.preview-doc-container {
-  height: calc(100vh - 92px);
-  padding-top: 20px;
-}
-</style>
+<template>
+  <div style="position: relative;">
+    <h2 style="text-align: center">{{ institutionData.f_title }}</h2>
+    <p>简述: {{ institutionData.f_sketch }}</p>
+    <p>生效时间: {{ format(institutionData.f_effective_date) }}</p>
+    <div v-if="showDocument" class="content">
+      <iframe :src="institutionDocUrl" frameborder="0" height="100%" width="100%"></iframe>
+    </div>
+    <!-- 其他附件 -->
+    <div class="other-file">
+      <div class="title">其他附件</div>
+      <div v-for="file in otherFiles" :key="file.id">
+        <a class="file-item">
+          <span class="file-action" @click="handlePreviewDoc(file.url)">
+            <a-icon type="link" />{{ file.name }}
+          </span>
+          <span class="file-action" @click="handlePreviewDoc(file.url)">
+            <a-icon type="eye" />预览
+          </span>
+          <a class="file-action" target="_blank" @click="handlePreDowDoc(file)"><a-icon type="download" />下载</a>
+        </a>
+      </div>
+    </div>
+    <!-- 其他附件预览 -->
+    <a-modal v-model="previewDocVisible" :dialog-style="{ top: '20px' }" :footer="null" :z-index="1001" width="97%">
+      <div class="preview-doc-container">
+        <a-spin :spinning="previewDocLoading" size="large" />
+        <iframe
+          v-show="!previewDocLoading"
+          :src="previewDocUrl"
+          frameborder="0"
+          height="100%"
+          width="100%"
+          @load="previewDocLoading = false" />
+      </div>
+    </a-modal>
+    <a-button class="submit_btn" type="primary" @click="confirm_institution">确认</a-button>
+  </div>
+</template>
+
+<script>
+import { Base64 } from 'js-base64'
+import { post } from '@vue2-client/services/api/restTools'
+import { formatDate } from '@vue2-client/utils/util'
+
+export default {
+  name: 'InstitutionDetail',
+  props: {
+    institutionId: {
+      type: Number,
+      default: undefined
+    },
+    affirmInstitution: {
+      type: Number,
+      default: undefined
+    }
+  },
+  data () {
+    return {
+      institutionDocUrl: undefined,
+      showDocument: false,
+      otherFiles: [],
+      institutionData: {},
+      previewDocVisible: false,
+      previewDocUrl: undefined,
+      previewDocLoading: false
+    }
+  },
+  watch: {
+    institutionId () {
+      this.getDetailData()
+    }
+  },
+  mounted () {
+    this.getDetailData()
+  },
+  methods: {
+    // 获取详情数据
+    getDetailData () {
+      if (!this.institutionId) {
+        return
+      }
+      const otherFiles = []
+      post('/af-system/getInstitutionDetail', {
+        id: this.institutionId
+      }).then(res => {
+        res.files.forEach(item => {
+          if (item.use_type === '制度文件') {
+            this.institutionDocUrl = previewDocService + encodeURIComponent(Base64.encode(fileServer + item.url))
+            this.showDocument = true
+          } else {
+            otherFiles.push(item)
+          }
+        })
+        this.institutionData = res.institution
+        this.otherFiles = otherFiles
+      })
+    },
+    format (dateStr) {
+      return formatDate(dateStr, 'yyyy-MM-dd')
+    },
+    // 其他附件预览
+    handlePreviewDoc (url) {
+      const previewDocUrl = previewDocService + encodeURIComponent(Base64.encode(fileServer + url))
+      if (this.previewDocUrl != previewDocUrl) {
+        this.previewDocLoading = true
+        this.previewDocUrl = previewDocUrl
+      }
+      this.previewDocVisible = true
+    },
+    // 下载文档
+    handlePreDowDoc (file) {
+      const a = document.createElement('a')
+      a.href = file.url
+      a.download = file.name
+      a.click()
+    },
+    confirm_institution () {
+      post('/af-system/affirmInstitution', {
+        data: {
+          tobe: [
+            {
+              id: this.affirmInstitution,
+              f_affirm_type: '系统确认'
+            }
+          ]
+        }
+      }).then(res => {
+        this.$message.success('确认成功')
+        this.$emit('get_to_be_confirmed')
+      })
+    },
+  }
+}
+// 文档预览服务 API
+const previewDocService = 'http://123.60.214.109:8012/onlinePreview?url='
+// 文件服务器地址
+const fileServer = 'http://123.60.214.109:8406'
+</script>
+
+<style lang="less" scoped>
+.submit_btn{
+  position: absolute;
+  right:0;
+  top: 0;
+}
+.content {
+  height: 80vh;
+  img {
+    max-width: 100%;
+  }
+}
+.other-file {
+  margin: 16px 0;
+  .title {
+    margin-bottom: 6px;
+  }
+}
+.file-item {
+  .file-action {
+    padding: 3px 4px;
+    color: #1890ff;
+    &:hover {
+      background: #e6f7ff;
+    }
+  }
+  .anticon {
+    margin-right: 3px;
+  }
+}
+.file-list-title {
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: bold;
+  font-size: 16px;
+  margin-bottom: 8px;
+}
+.preview-doc-container {
+  height: calc(100vh - 92px);
+  padding-top: 20px;
+}
+</style>

package/src/pages/CreateQueryPage.vue

@@ -1,59 +1,65 @@
-<template>
-  <div>
-    <create-query
-      :visible.sync="visible"
-      @saveQueryParams="saveQueryParams"
-    />
-    <create-simple-form-query
-      :visible.sync="createSimpleFormVisible"
-      @saveSimpleFormQueryParams="saveSimpleFormQueryParams"
-    />
-    <a-button type="primary" style="margin-top: 10px;margin-left: 10px;" @click="showDrawer">打开完整查询配置生成工具</a-button>
-    <a-button type="primary" style="margin-top: 10px;margin-left: 10px;" @click="showSimpleFormQueryParamsDrawer">打开基础表单配置生成工具</a-button>
-    <!--    <webmeter-analysis-view/>-->
-  </div>
-</template>
-
-<script>
-import { post } from '@vue2-client/services/api/restTools'
-
-export default {
-  name: 'CreateQueryPage',
-  data () {
-    return {
-      visible: false,
-      createSimpleFormVisible: false
-    }
-  },
-  methods: {
-    showDrawer () {
-      this.visible = true
-    },
-    showSimpleFormQueryParamsDrawer () {
-      this.createSimpleFormVisible = true
-    },
-    // 存储查询配置信息
-    saveQueryParams (source) {
-      return post('/webmeterapi/addOrEditQueryParams', {
-        source: source
-      }).then(res => {
-        this.$message.success('保存查询配置成功')
-      }, err => {
-        console.error(err)
-      })
-    },
-    // 存储基础表单配置信息
-    saveSimpleFormQueryParams (source) {
-      return post('/webmeterapi/addOrEditSimpleFormQueryParams', {
-        source: source
-      }).then(res => {
-        this.$message.success('保存基础表单配置成功')
-      }, err => {
-        console.error(err)
-      })
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-</style>
+<template>
+  <div>
+    <create-query
+      :visible.sync="visible"
+      @saveQueryParams="saveQueryParams"
+    />
+    <create-simple-form-query
+      :visible.sync="createSimpleFormVisible"
+      @saveSimpleFormQueryParams="saveSimpleFormQueryParams"
+    />
+    <a-button style="margin-top: 10px;margin-left: 10px;" type="primary" @click="showDrawer">打开完整查询配置生成工具</a-button>
+    <a-button style="margin-top: 10px;margin-left: 10px;" type="primary" @click="showSimpleFormQueryParamsDrawer">打开基础表单配置生成工具</a-button>
+    <!--    <webmeter-analysis-view/>-->
+  </div>
+</template>
+
+<script>
+import { post } from '@vue2-client/services/api/restTools'
+import CreateQuery from '@/base-client/components/common/CreateQuery'
+import CreateSimpleFormQuery from '@/base-client/components/common/CreateSimpleFormQuery'
+
+export default {
+  name: 'CreateQueryPage',
+  components: {
+    CreateQuery,
+    CreateSimpleFormQuery
+  },
+  data () {
+    return {
+      visible: false,
+      createSimpleFormVisible: false
+    }
+  },
+  methods: {
+    showDrawer () {
+      this.visible = true
+    },
+    showSimpleFormQueryParamsDrawer () {
+      this.createSimpleFormVisible = true
+    },
+    // 存储查询配置信息
+    saveQueryParams (source) {
+      return post('/af-system/addOrEditQueryParams', {
+        source: source
+      }).then(res => {
+        this.$message.success('保存查询配置成功')
+      }, err => {
+        console.error(err)
+      })
+    },
+    // 存储基础表单配置信息
+    saveSimpleFormQueryParams (source) {
+      return post('/af-system/addOrEditSimpleFormQueryParams', {
+        source: source
+      }).then(res => {
+        this.$message.success('保存基础表单配置成功')
+      }, err => {
+        console.error(err)
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+</style>

package/src/pages/system/dictionary/index.vue

@@ -1,41 +1,43 @@
-<template>
-  <a-card :bordered="false">
-    <dictionary-details-view
-      :visible.sync="detailVisible"
-      :id="selectId"
-      v-if="selectId"
-    />
-    <x-form-table
-      title="字典"
-      :queryParamsName="queryParamsName"
-      @action="toDetail">
-    </x-form-table>
-  </a-card>
-</template>
-
-<script>
-  import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-
-  export default {
-    name: 'Dictionary',
-    components: {
-      XFormTable
-    },
-    data () {
-      return {
-        // 选中的编号
-        selectId: undefined,
-        // 查询配置文件名
-        queryParamsName: 'dictionaryQueryParams',
-        // 是否显示详情抽屉
-        detailVisible: false
-      }
-    },
-    methods: {
-      toDetail (record, id) {
-        this.selectId = id + ''
-        this.detailVisible = true
-      }
-    }
-  }
-</script>
+<template>
+  <a-card :bordered="false">
+    <dictionary-details-view
+      v-if="selectId"
+      :id="selectId"
+      :visible.sync="detailVisible"
+    />
+    <x-form-table
+      :queryParamsName="queryParamsName"
+      title="字典"
+      @action="toDetail">
+    </x-form-table>
+  </a-card>
+</template>
+
+<script>
+  import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
+  import DictionaryDetailsView from '@/base-client/components/system/DictionaryDetailsView'
+
+  export default {
+    name: 'Dictionary',
+    components: {
+      XFormTable,
+      DictionaryDetailsView
+    },
+    data () {
+      return {
+        // 选中的编号
+        selectId: undefined,
+        // 查询配置文件名
+        queryParamsName: 'dictionaryQueryParams',
+        // 是否显示详情抽屉
+        detailVisible: false
+      }
+    },
+    methods: {
+      toDetail (record, id) {
+        this.selectId = id + ''
+        this.detailVisible = true
+      }
+    }
+  }
+</script>

package/src/pages/system/file/Info.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="header-info">
+    <span>{{ title }}</span>
+    <p>{{ value }}</p>
+    <em v-if="bordered" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Info',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    value: {
+      type: String,
+      default: ''
+    },
+    bordered: {
+      type: Boolean,
+      default: false
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import "~ant-design-vue/es/style/themes/default.less";
+.header-info {
+  position: relative;
+  text-align: center;
+  & > span {
+    display: inline-block;
+    margin-bottom: 4px;
+    color: @text-color-secondary;
+    font-size: @font-size-base;
+    line-height: 22px;
+  }
+  & > p {
+    margin: 0;
+    color: @heading-color;
+    font-size: 24px;
+    line-height: 32px;
+  }
+  & > em {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 1px;
+    height: 56px;
+    background-color: @border-color-split;
+  }
+}
+</style>