eoss-ui 0.3.97

package/packages/flow-list/src/main.vue

@@ -0,0 +1,456 @@
+<template>
+  <div class="flow-list">
+    <div
+      v-if="hide.indexOf('flow') == -1"
+      :class="
+        fyTableList != undefined && fyTableList.length != 0
+          ? 'preset-list'
+          : 'preset-list-tow'
+      "
+      style="flex:1"
+    >
+      <div class="title">
+        流程列表
+        <div v-if="isShort != 1" style="display:inline-block;margin-left:10px">
+          <es-select
+            v-model="viewType"
+            placeholder="请选择"
+            @change="handleChange"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </es-select>
+          <el-radio-group
+            class="list-radio"
+            v-model="showSuggest"
+            @input="handleChange"
+          >
+            <el-radio label="all">显示全部</el-radio>
+            <el-radio label="have">显示已填意见</el-radio>
+          </el-radio-group>
+        </div>
+      </div>
+      <FlowTable
+        v-if="show"
+        style="height:calc(100% - 60px)"
+        :data="flowTableList"
+        :modify="modify"
+        :fileStyle="attachmentPaperClipCssStyle"
+        v-bind="flowTableInfo"
+        @success="handleChange"
+      />
+    </div>
+
+    <div
+      v-if="
+        fyTableList != undefined &&
+          fyTableList.length != 0 &&
+          show &&
+          hide.indexOf('splitReading') == -1
+      "
+      :class="'preset-list'"
+      :style="hide.indexOf('preset') != -1 ? 'flex:1' : ''"
+    >
+      <div class="title">{{ taskReadName ? taskReadName : '非流程' }}列表</div>
+      <FlowTable
+        style="height:calc(100% - 40px)"
+        :data="fyTableList"
+        v-bind="flowTableInfo"
+        @success="handleChange"
+      />
+    </div>
+    <div
+      v-if="show && hide.indexOf('preset') == -1"
+      :class="
+        fyTableList != undefined && fyTableList.length != 0
+          ? 'preset-list'
+          : 'preset-list-tow'
+      "
+      :style="
+        fyTableList != undefined && fyTableList.length != 0 ? '' : 'flex:1'
+      "
+    >
+      <div class="title">预设列表</div>
+      <es-data-table
+        numbers
+        :data="tableData"
+        :thead="thead"
+        stripe
+        full
+        style="width: 100%"
+        @btnClick="handleClick"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  findCodeValues,
+  deletePresetInfo,
+  pendedhistoryListJson,
+  toPresetInfoListIndex
+} from 'eoss-ui/src/config/api';
+import FlowTable from './flow-table.vue';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsFlowList',
+  components: {
+    [FlowTable.name]: FlowTable
+  },
+  props: {
+    businessId: {
+      type: String,
+      default: ''
+    },
+    hide: {
+      type: String,
+      default: ''
+    }
+  },
+  inheritAttrs: false,
+  data() {
+    return {
+      loading: '', //加载中
+      preset_type: [], //预设类型
+      showPress: false, //查看催办记录弹窗
+      modify: false,
+      attachmentPaperClipCssStyle: '',
+      is_edit: [], //是否可编辑
+      tableData: [], //预设列表
+      flowTableInfo: {
+        adjunctCode: '',
+        hasAgent: '1' //是否展示代办人 1：展示 0：不展示
+      },
+      show: false,
+      taskReadName: '', //非流程列表名称
+      options: [
+        { label: '时间排序', value: '1' },
+        { label: '部门排序', value: '2' },
+        { label: '树形排序', value: '3' }
+      ],
+      isShort: 0, //是否隐藏筛选
+      viewType: '1', //排序方式
+      flowTableList: [], //流程列表
+      fyTableList: [], //分阅列表
+      showSuggest: 'all', //筛选显示数据
+      presetInfoListHiddenColumns: '', //隐藏表格展示数据
+      canDelete: false //是否展示操作按钮
+    };
+  },
+  computed: {
+    thead() {
+      let table = [
+        {
+          title: '步骤',
+          align: 'center',
+          width: '100',
+          field: 'nodeName'
+        },
+        {
+          title: '预设办理人',
+          width: '120',
+          align: 'center',
+          field: 'presetUserName'
+        },
+        {
+          title: '是否可编辑',
+          key: 'sfkbj',
+          align: 'center',
+          width: '100',
+          render: (h, params) => {
+            return h('span', this.getCodeValue(params.row.isEdit, 'is_edit'));
+          },
+          field: 'isEdit'
+        },
+        {
+          key: 'zt',
+          title: '状态',
+          width: '60',
+          align: 'center',
+          field: 'statusName'
+        },
+        {
+          title: '预设类型',
+          key: 'yslx',
+          width: '120',
+          align: 'center',
+          render: (h, params) => {
+            return h(
+              'span',
+              this.getCodeValue(params.row.presetType, 'preset_type')
+            );
+          },
+          field: 'presetType'
+        },
+        {
+          title: '流程名称',
+          key: 'lcmc',
+          align: 'center',
+          field: 'processDefName'
+        },
+        {
+          title: '上一步骤',
+          key: 'sybz',
+          align: 'center',
+          field: 'lastNodeName'
+        },
+        {
+          title: '创建步骤',
+          key: 'cjbz',
+          align: 'center',
+          field: 'operationNodeName'
+        },
+        {
+          title: '创建人',
+          key: 'cjr',
+          width: '120',
+          align: 'center',
+          field: 'creatorName'
+        },
+        {
+          title: '创建时间',
+          width: '150',
+          key: 'cjsj',
+          align: 'center',
+          render: (h, params) => {
+            return h(
+              'span',
+              util.formatDate(params.row.createTime, 'yyyy-MM-dd HH:mm')
+            );
+          },
+          field: 'createTime'
+        },
+        {
+          title: '操作区域',
+          type: 'handle',
+          align: 'center',
+          width: '120',
+          events: [
+            {
+              text: '置为失效'
+            }
+          ]
+        }
+      ];
+      if (
+        this.presetInfoListHiddenColumns != undefined &&
+        this.presetInfoListHiddenColumns != ''
+      ) {
+        table = table.filter(
+          items => this.presetInfoListHiddenColumns.indexOf(items.key) == -1
+        );
+      }
+      if (!this.canDelete) table.splice(table.length - 1, 1);
+      return table;
+    }
+  },
+  mounted() {
+    this.loading = util.loading(this.$loading, '加载中...');
+    this.getFlowList();
+    this.getSysInfo('preset_type');
+    this.getSysInfo('is_edit');
+    this.$nextTick(() => {
+      this.getListInfo();
+    });
+  },
+
+  methods: {
+    /**
+     * handleChange
+     * @desc:切换排序方式
+     * @author liufan
+     * @date 2022年11月22日
+     **/
+    handleChange() {
+      this.show = false;
+      this.loading = util.loading(this.$loading, '加载中...');
+      this.getFlowList();
+    },
+    /**
+     * getFlowList
+     * @desc:获取流程列表
+     * @author liufan
+     * @date 2022年11月22日
+     **/
+    getFlowList() {
+      let params = {
+        url: pendedhistoryListJson,
+        params: {
+          apprecordid: this.businessId,
+          pendingAttr: 0,
+          viewType: this.viewType,
+          showSuggest: this.showSuggest
+        }
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const {
+            status,
+            message,
+            data: {
+              adjunctCode,
+              wfHistoryList,
+              fyHistoryList,
+              hasAgent,
+              isShort,
+              modify,
+              taskReadName
+            }
+          } = res;
+          this.loading.close();
+          if (status == 'success') {
+            this.flowTableInfo.adjunctCode = adjunctCode;
+            this.flowTableInfo.hasAgent = hasAgent;
+            this.attachmentPaperClipCssStyle =
+              res.data.attachmentPaperClipCssStyle;
+            this.isShort = isShort;
+            this.taskReadName = taskReadName;
+            this.flowTableList = wfHistoryList;
+            this.fyTableList = fyHistoryList;
+            this.modify = modify;
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+          this.show = true;
+        })
+        .catch(err => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+          this.show = true;
+        });
+    },
+    /**
+     * handleClick
+     * @desc:表单点击事件
+     * @param {Object} val 当前点击行数据及按钮
+     * @author liufan
+     * @date 2022年11月10日
+     **/
+    handleClick(val) {
+      const {
+        handle: { text },
+        row: { id, status }
+      } = val;
+      if (text === '置为失效') {
+        if (status == 0) {
+          this.$confirm('您确定要置为失效吗?')
+            .then(() => {
+              this.loading = util.loading(this.$loading, '提交中...');
+              let param = {
+                url: deletePresetInfo,
+                headers: { Accept: 'application/json,text/plain' },
+                method: 'post',
+                params: { id }
+              };
+              util
+                .ajax(param)
+                .then(res => {
+                  const { status, message } = res;
+                  this.loading.close();
+                  if (status === 'success') {
+                    this.$message.success('操作成功');
+                    this.getListInfo();
+                  } else {
+                    this.$message.error(message || '系统错误，请联系管理员！');
+                  }
+                })
+                .catch(err => {
+                  this.loading.close();
+                  if (err.message && err.message !== 'canceled') {
+                    this.$message.error(err.message);
+                  }
+                });
+            })
+            .catch(e => {
+              // on cancel
+            });
+        } else {
+          this.$message.warning('当前数据已为失效状态');
+        }
+      }
+    },
+    /**
+     * getCodeValue
+     * @desc:获取代码表过滤后的值
+     * @param {String} value 展示数据的代码值
+     * @param {String} type 代码表类型
+     * @author liufan
+     * @date 2022年11月10日
+     **/
+    getCodeValue(value, type) {
+      let val = this[type].filter(item => item.cciValue == value);
+      return val[0].shortName;
+    },
+    /**
+     * getSysInfo
+     * @desc:获取代码表
+     * @param {String} code 编码code值
+     * @author liufan
+     * @date 2022年11月10日
+     **/
+    getSysInfo(code) {
+      let params = {
+        url: findCodeValues,
+        params: { ccCode: code }
+      };
+      util
+        .ajax(params)
+        .then(res => {
+          const { status, message, data } = res;
+          if (status == 'success') {
+            this[code] = data;
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(e => {});
+    },
+    /**
+     * getListInfo
+     * @desc:获取预设列表数据
+     * @author liufan
+     * @date 2022年11月10日
+     **/
+    getListInfo() {
+      let param = {
+        url: toPresetInfoListIndex,
+        params: { apprecordid: this.businessId }
+      };
+      util
+        .ajax(param)
+        .then(res => {
+          const {
+            status,
+            message,
+            data: { presetInfoList, presetInfoListHiddenColumns, canDelete }
+          } = res;
+          this.loading.close();
+          if (status == 'success') {
+            presetInfoList && (this.tableData = presetInfoList);
+            this.presetInfoListHiddenColumns = presetInfoListHiddenColumns;
+            this.canDelete = canDelete;
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    }
+  }
+};
+</script>
+
+<style></style>

package/packages/form/index.js

@@ -0,0 +1,5 @@
+import EsForm from './src/main';
+
+EsForm.install = Vue => Vue.component(EsForm.name, EsForm);
+
+export default EsForm;