swordpass-ui 1.0.0

package/packages/TemplateImportResult/index.js

@@ -0,0 +1,7 @@
+import TemplateImportResult from './src/main.vue'
+
+TemplateImportResult.install = function (Vue) {
+  Vue.component(TemplateImportResult.name, TemplateImportResult)
+}
+
+export default TemplateImportResult

package/packages/TemplateImportResult/src/main.vue

@@ -0,0 +1,158 @@
+<template>
+  <div>
+    <el-dialog title="导入结果" :visible.sync="dialogVisible" width="70%">
+      <span>
+        <el-tabs v-model="activeName" type="card" tab-position="top">
+          <el-tab-pane
+            v-for="item in data"
+            :key="item.entName"
+            :label="`${item.desc}(${item.entName})`"
+            :name="item.entName"
+          >
+            <el-table :data="item.result" border stripe>
+              <el-table-column type="index" align="center"></el-table-column>
+              <el-table-column label="主键" align="center">
+                <template slot-scope="scope">
+                  <span>
+                    {{ scope.row.dataNode[entMap[item.entName].pkKey] }}
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column label="外键" align="center">
+                <template slot-scope="scope">
+                  <span>
+                    {{ scope.row.dataNode[entMap[item.entName].fk] }}
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column label="是否有效" align="center">
+                <template slot-scope="scope">
+                  <el-tag v-if="!scope.row.state" type="danger">否</el-tag>
+                  <el-tag v-if="scope.row.state" type="success">是</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="错误信息"
+                prop="cause"
+                align="center"
+              ></el-table-column>
+              <el-table-column label="是否重复" align="center">
+                <template slot-scope="scope">
+                  <el-tag v-if="scope.row.repeat" type="danger">是</el-tag>
+                  <el-tag v-else type="success">否</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column
+                v-for="column in attributeMap[item.entName] || []"
+                :key="column.id"
+                :label="column.desc"
+                align="center"
+              >
+                <template slot-scope="scope">
+                  <span>
+                    {{ scope.row.dataNode[column.name] }}
+                  </span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-tab-pane>
+        </el-tabs>
+      </span>
+      <span slot="footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="processImportResult">导入</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'TemplateImportResult',
+    props: {
+      templateInfo: {
+        type: Object,
+        default: () => {
+          return {}
+        },
+      },
+    },
+    data() {
+      return {
+        cacheKey: '',
+        dialogVisible: false,
+        activeName: '',
+        data: [],
+        entMap: {},
+        attributeMap: {},
+        mapLoaded: false,
+      }
+    },
+    methods: {
+      showDialog(cacheKey) {
+        this.cacheKey = cacheKey
+        this.loadData()
+        //this.dialogVisible = true
+      },
+      loadData() {
+        const this_ = this
+        this.$requestConfig
+          .getTemplateImportResult(this_.cacheKey)
+          .then((resp) => {
+            if (!resp || !resp.length) {
+              this_.$message.error('导入失败')
+            } else {
+              this_.data = resp
+              if (resp.length) {
+                this.activeName = resp[0].entName
+              }
+              let entAttributeMap = {}
+              let entMap = {}
+              if (!this_.mapLoaded) {
+                this.$requestConfig
+                  .getBoDefinition(this_.templateInfo.boDefId)
+                  .then((boJson) => {
+                    let fn_ = function (obj) {
+                      entMap[obj.name] = obj
+                      if (obj.attributeList && obj.attributeList.length) {
+                        entAttributeMap[obj.name] = obj.attributeList
+                      }
+                      if (obj.childEnts && obj.childEnts.length) {
+                        obj.childEnts.forEach(fn_)
+                      }
+                    }
+                    fn_(boJson.boEnt)
+                    this_.attributeMap = entAttributeMap
+                    this_.entMap = entMap
+                    this_.mapLoaded = true
+                    this_.dialogVisible = true
+                  })
+              } else {
+                this_.dialogVisible = true
+              }
+            }
+          })
+      },
+      processImportResult() {
+        const loading = this.$loading({
+          text: '正在保存数据',
+        })
+        this.$requestConfig
+          .saveImportResult(this.cacheKey, this.templateInfo.alias)
+          .then((result) => {
+            if (result.state) {
+              this.$message.success(result.message)
+              this.dialogVisible = false
+              loading.close()
+              this.$emit('after-save')
+            }
+          })
+          .catch(() => {
+            loading.close()
+          })
+      },
+    },
+  }
+</script>
+
+<style lang="scss" scoped></style>

package/packages/TemplatePreview/index.js

@@ -0,0 +1,19 @@
+import TemplatePreview from './src/TemplatePreview.vue'
+
+import TemplatePreviewFile from './src/TemplatePreviewFile.vue'
+
+import TemplatePreviewImage from './src/TemplatePreviewImage.vue'
+
+TemplatePreview.install = function (Vue) {
+  Vue.component(TemplatePreview.name, TemplatePreview)
+}
+
+TemplatePreviewFile.install = function (Vue) {
+  Vue.component(TemplatePreviewFile.name, TemplatePreviewFile)
+}
+
+TemplatePreviewImage.install = function (Vue) {
+  Vue.component(TemplatePreviewImage.name, TemplatePreviewImage)
+}
+
+export { TemplatePreview, TemplatePreviewFile, TemplatePreviewImage }

package/packages/TemplatePreview/src/TemplatePreview.vue

@@ -0,0 +1,169 @@
+<template>
+  <div class="template-preview-container">
+    <span v-if="html">
+      <div v-if="showDateView" class="data_view">
+        <cl-dataview-runtime-template
+          :key="refreshTime"
+          :template-key="templateKey"
+          :html="html"
+          :template-info="templateInfo"
+          :single="single"
+          :task-type="taskType"
+          :is-join-flow="isJoinFlow"
+          :def-key="defKey"
+          :data-view="dataView"
+          class="data-preview-wrap"
+          :parameterq-querys="parameterqQuerys"
+        />
+      </div>
+    </span>
+    <div v-if="loadedFail" class="loaded-fail__div">报表不存在...</div>
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+  import templatePreviewMixin from '@/mixins/templatePreview.js'
+  export default {
+    name: 'ClTemplatePreview',
+    props: {
+      templateKey: { type: String, required: true },
+      parameterqQuerys: String,
+      single: String,
+      taskType: {
+        type: String,
+        default: '',
+      },
+      defKey: String,
+      dataView: Object,
+      isJoinFlow: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    data() {
+      return {
+        html: '',
+        templateInfo: {},
+        loadedFail: false,
+        refreshTime: new Date().getTime(),
+        showDateView: true,
+      }
+    },
+    watch: {
+      templateKey: function(newVal) {
+        if (newVal) {
+          this.init()
+        }
+      },
+    },
+    created() {
+      this.init()
+    },
+    methods: {
+      // 根据当前formKey初始化
+      init() {
+        let _me = this
+        this.$requestConfig
+          .getBpmDataTemplateInfo({
+            templateKey: this.templateKey,
+          })
+          .then((result) => {
+            if (result.state) {
+              _me.templateInfo = result.value
+              this.getTemplateDataListForm()
+            } else {
+              this.$message.error(result.message)
+            }
+          })
+      },
+      getTemplateDataListForm() {
+        this.$requestConfig
+          .getTemplateDataListForm(this.templateKey)
+          .then((result) => {
+            if (result.state) {
+              this.html = result.value
+              this.customInit()
+            } else {
+              this.loadedFail = true
+              this.$message.error(result.message || '获取表单列表模板html失败')
+            }
+          })
+      },
+      customInit() {
+        Vue.component('cl-dataview-runtime-template', {
+          mixins: [templatePreviewMixin],
+          props: {
+            templateInfo: {
+              type: Object,
+            },
+            single: String,
+          },
+          data() {
+            return {}
+          },
+          template: this.html,
+        })
+      },
+    },
+  }
+</script>
+<style lang="scss" scoped>
+  >>> th.todo-header-row {
+    background-color: #fafafa;
+    font-size: 13px;
+  }
+
+  >>> tr.todo-row {
+    font-size: 13px;
+  }
+
+  .el-container {
+    background-color: #fff;
+  }
+
+  .el-row {
+    margin-bottom: 20px;
+  }
+
+  .el-header {
+    border-bottom: 1.5px solid #ededed;
+  }
+
+  .i {
+    margin-right: 4px;
+  }
+
+  .todo-subject {
+    cursor: pointer;
+  }
+
+  >>> .el-dialog__body {
+    padding: 15px 10px;
+  }
+
+  >>> .el-checkbox {
+    // margin-left: 15px;
+  }
+
+  >>> .el-radio {
+    margin-left: 15px;
+  }
+
+  >>> .el-button {
+    margin-left: 0px;
+  }
+  .loaded-fail__div {
+    text-align: center;
+    font-size: 14px;
+    font-weight: bold;
+    color: #f56c6c;
+  }
+  .data-preview-wrap
+    ::v-deep
+    .dropdown-upload__btn
+    > .el-button-group
+    > button:first-child {
+    margin: 0;
+    padding: 0;
+  }
+</style>

package/packages/TemplatePreview/src/TemplatePreviewFile.vue

@@ -0,0 +1,171 @@
+<template>
+  <div v-if="fileList.length > 0">
+    <div v-if="fileList.length <= 2">
+      <div
+        v-for="(item, index) in showList"
+        :key="index"
+        style="margin-right: 10px"
+      >
+        <cl-icon :name="item.icon" />
+        {{ item.name }}
+      </div>
+    </div>
+    <div v-else>
+      <span
+        v-for="(item, index) in showList"
+        :key="index"
+        style="margin-right: 6px"
+      >
+        <cl-icon :name="item.icon" />
+      </span>
+      <el-link type="primary" @click="openDialog">
+        ...共{{ fileList.length }}个附件
+      </el-link>
+    </div>
+
+    <el-dialog
+      :title="dialogTitle"
+      v-if="dialogVisible"
+      :visible.sync="dialogVisible"
+      width="20%"
+    >
+      <el-row v-for="(item, index) in fileList" :key="index">
+        <el-col :span="16">
+          <div
+            style="
+              width: 147px;
+              height: 20px;
+              font-size: 14px;
+              font-family: Source Han Sans SC;
+              font-weight: 400;
+              line-height: 22px;
+              color: #333333;
+              opacity: 1;
+            "
+          >
+            <cl-icon :name="item.icon" />
+            {{ item.name }}
+          </div>
+          <span
+            style="
+              margin-right: 100px;
+              width: 24px;
+              height: 18px;
+              font-size: 12px;
+              font-family: Source Han Sans SC;
+              font-weight: 400;
+              line-height: 22px;
+              color: #999999;
+              opacity: 1;
+            "
+          >
+            {{ item.username }}
+          </span>
+        </el-col>
+
+        <el-col :span="8">
+          <el-button size="mini" type="text" @click="previewFile(item)">
+            预览
+          </el-button>
+          <el-button size="mini" type="text" @click="download(item.id)">
+            下载
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">
+          确 定
+        </el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  const { saveAs } = require('file-saver')
+  export default {
+    name: 'ClTemplatePreviewFile',
+    props: ['value'],
+    data() {
+      return {
+        fileList: [],
+        showList: [],
+        dialogVisible: false,
+        dialogTitle: '',
+      }
+    },
+    watch: {
+      value() {
+        this.loadFile()
+      },
+    },
+    mounted() {
+      this.loadFile()
+    },
+    methods: {
+      openDialog() {
+        this.dialogTitle = `附件(${this.fileList.length})个`
+        this.dialogVisible = true
+      },
+      download(fileId) {
+        this.$requestConfig
+          .download(fileId)
+          .then(({ data, headers }) => {
+            if (data && headers) {
+              // 附件下载
+              const fileName = decodeURIComponent(
+                headers['content-disposition']
+                  .split(';')[1]
+                  .split('filename=')[1]
+              )
+              const blob = new Blob([data])
+              saveAs(blob, fileName)
+            }
+          })
+          .catch((err) => {
+            this.$message.error(`附件下载失败：${err}`)
+          })
+      },
+      previewFile(file) {
+        this.$preview(file)
+      },
+      loadFile() {
+        this.fileList = []
+        if (this.value) {
+          let file = JSON.parse(this.value)
+          for (let i = 0; i < file.length; i++) {
+            let item = file[i].response
+            let obj = {
+              id: item.fileId,
+              name: item.fileName,
+              username: item.username,
+            }
+            let exe = item.fileName.substring(
+              item.fileName.lastIndexOf('.') + 1
+            )
+            let icon = ''
+            if (exe == 'ppt' || exe == 'pptx') {
+              icon = 'ppt'
+            } else if (exe == 'doc' || exe == 'docx') {
+              icon = 'word'
+            } else if (exe == 'xls' || exe == 'xlsx') {
+              icon = 'excel'
+            } else {
+              icon = 'file'
+            }
+            obj.icon = icon
+            obj.response = item
+            this.fileList.push(obj)
+            if (i < 3) {
+              this.showList.push(obj)
+            }
+          }
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped></style>

package/packages/TemplatePreview/src/TemplatePreviewImage.vue

@@ -0,0 +1,83 @@
+<template>
+  <div>
+    <div v-if="imageList.length > 0">
+      <span
+        v-for="(item, index) in showImage"
+        :key="index"
+        style="margin-right: 10px"
+      >
+        <el-image :style="imageStyle" :src="item" :preview-src-list="imageList">
+          <div slot="error" class="image-slot">
+            <i class="el-icon-picture-outline"></i>
+          </div>
+        </el-image>
+      </span>
+      <span
+        v-if="imageList.length > 3"
+        style="
+          width: 47px;
+          height: 20px;
+          font-size: 14px;
+          font-family: Source Han Sans SC;
+          font-weight: 400;
+          line-height: 22px;
+          color: #333333;
+          opacity: 1;
+          margin-left: -10px;
+        "
+      >
+        ...共{{ imageList.length }}张
+      </span>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'ClTemplatePreviewImage',
+    props: ['value'],
+    data() {
+      return {
+        imageList: [],
+        showImage: [],
+      }
+    },
+    computed: {
+      imageStyle() {
+        let style = { width: '48px', height: '48px' }
+        if (this.imageList > 2) {
+          style = { width: '36px', height: '36px' }
+        }
+        return style
+      },
+    },
+    watch: {
+      value() {
+        this.loadImg()
+      },
+    },
+    mounted() {
+      this.loadImg()
+    },
+    methods: {
+      loadImg() {
+        this.imageList = []
+        if (this.value) {
+          let file = JSON.parse(this.value)
+          for (let i = 0; i < file.length; i++) {
+            let item = file[i]
+            let url =
+              window.context.portal +
+              '/system/file/v1/getImage?fileId=' +
+              item.response.fileId
+            this.imageList.push(url)
+            if (i < 3) {
+              this.showImage.push(url)
+            }
+          }
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped></style>

package/packages/TemplateTaskCirculate/index.js

@@ -0,0 +1,7 @@
+import TemplateTaskCirculate from './src/main.vue'
+
+TemplateTaskCirculate.install = function (Vue) {
+  Vue.component(TemplateTaskCirculate.name, TemplateTaskCirculate)
+}
+
+export default TemplateTaskCirculate