@zhijiancloud/bpm 0.0.7 → 0.0.8

package/components/lib/bpmSelectFromId/src/part/editor.vue

@@ -1,260 +0,0 @@
-<template>
-  <div class="select-from-id-editor">
-    <div>
-      <div @click="toOpen">{{ label }}</div>
-    </div>
-    <el-dialog
-      :visible.sync="opened"
-      :before-close="onHide"
-      @open="onOpen"
-      :title="fieldConf.name"
-      :fullscreen="true"
-      v-bind="$attrs"
-      custom-class="select-from-id-editor-dialog"
-      v-on="$listeners"
-    >
-      <div slot="title">
-        <div>
-          已选名单：
-          <el-tag
-            type="success"
-            v-show="index <= 5"
-            v-for="(userName, index) in selectedLabels"
-            :key="index"
-            >{{userName}}
-            <i class="fa fa-times-circle" @click="deleteSelected(index)"></i
-          ></el-tag>
-          <el-button
-            :label="`查看全部${selectedLabels.length}`"
-            v-if="selectedLabels.length > 5"
-          >
-            <i class="fa fa-sort-desc" aria-hidden="true"></i>
-            <el-popover>
-              <div separator link>
-                <div
-                  v-for="(itemName, index) in selectedLabels"
-                  :key="index"
-                >
-                  {{ itemName }}
-                  <i
-                    class="fa fa-times"
-                    style="float: right; margin-left: 8px; font-size: 20px"
-                    @click="deleteSelected(index)"
-                  ></i>
-                </div>
-              </div>
-            </el-popover>
-          </el-button>
-        </div>
-      </div>
-
-      <div class="select-box">
-        <div class="select-box-left">
-          <div class="title">选择应用</div>
-          <div>
-            <el-input
-              placeholder="请输入关键字搜索"
-              v-model="appKeyword"
-              class="input-with-select"
-              @change="debounceSearchApps"
-              :clearale="true"
-            >
-            </el-input>
-          </div>
-          <ul class="select-app">
-            <li
-              class="select-app-item"
-              v-for="item in apps"
-              @click="loadForms(item.value)"
-              :key="item.value"
-              :class="item.value == selectedApp ? 'active' : ''"
-            >
-              {{ item.label }}
-            </li>
-          </ul>
-        </div>
-        <div class="select-box-right" v-if="selectedApp">
-          <div class="title">表单选择</div>
-          <div>
-            <el-input
-              placeholder="请输入关键字搜索"
-              v-model="formKeyword"
-              class="input-with-select"
-              @change="debounceSearch"
-              :clearale="true"
-            >
-            </el-input>
-          </div>
-          <ul class="select-form">
-            <li class="select-form-item" v-for="item in formList" :key="item.value">
-              <el-checkbox v-if="isMultiple" v-model="curVal" :label="item.value">{{
-                item.label
-              }}</el-checkbox>
-              <el-radio v-else v-model="curVal" :label="item.value">{{
-                item.label
-              }}</el-radio>
-            </li>
-          </ul>
-        </div>
-        <div v-else class="select-box-right">
-          先选择表单
-        </div>
-      </div>
-
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="onSubmit">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import Vue from "vue";
-import _ from "lodash";
-import { Dialog } from "element-ui";
-Vue.use(Dialog);
-export default {
-  props: ["value", "fieldConf", "row", "formName", "orgInfo", "isMultiple"],
-  data() {
-    return {
-      curVal: [],
-      apps: [],
-      label: "",
-      opened: false,
-      debounceSearchApps: _.debounce(_.bind(this.loadApps, this), 150, {
-        trailing: true,
-        leading: false,
-      }),
-      debounceSearch: _.debounce(_.bind(this.search, this), 150, {
-        trailing: true,
-        leading: false,
-      }),
-      selectedLabels: [],
-      formList: [],
-      appKeyword: "",
-      selectedApp: "",
-      formKeyword: "",
-    };
-  },
-  watch: {
-    curVal() {
-      this.loadSelectedLabels();
-    },
-    value() {
-      this.loadRemoteLabel()
-      this.curVal = this.value ? this.value : this.isMultiple ? [] : "";
-    },
-  },
-  computed: {
-    placeholder() {
-      return this.fieldConf.desc || this.fieldConf.name;
-    },
-    maxCount() {
-      return _.get(this.fieldConf, "check.max_count");
-    },
-    titleStyle() {
-      let conf = this.fieldConf;
-      let range_display = _.get(conf, "range_remote.range_display.title");
-      return {
-        fontSize: _.get(range_display, "size", 16) + "px",
-        color: _.get(range_display, "color", "#333"),
-      };
-    },
-    fieldStyleMap() {
-      let conf = this.fieldConf;
-      let fieldsStyle = _.get(conf, "range_remote.range_display.fields");
-      return _.keyBy(fieldsStyle, "field");
-    },
-  },
-  created () {
-    this.curVal = this.isMultiple ? [] : ""
-  },
-  mounted() {
-    this.curVal = this.value ? this.value : this.isMultiple ? [] : "";
-    this.loadRemoteLabel()
-  },
-  methods: {
-    async loadApps() {
-      let appKeyword = this.appKeyword;
-      let formName = this.formName;
-      let fieldId = _.get(this.fieldConf, "id");
-      let result = await zj.net.w.noapi({
-        url: `/app_flow/v1/papi/dm/assist_field/select_form_id/${formName}/${fieldId}/search_left_title/?q=${appKeyword}`,
-        params: this.orgInfo
-      });
-      this.apps = _.map(result.data, item=>{
-        return {
-          value: item[0],
-          label: item[1]
-        }
-      });
-    },
-    async search() {
-      let keyword = this.formKeyword;
-      let formName = this.formName;
-      let fieldId = _.get(this.fieldConf, "id");
-      let leftId = this.selectedApp;
-      let result = await zj.net.w.noapi({
-        url: `/app_flow/v1/papi/dm/assist_field/select_form_id/${formName}/${fieldId}/search_right_title/?q=${keyword}&left=${leftId}`,
-        params: this.orgInfo
-      });
-      this.formList = _.map(result.data, item=>{
-        return {
-          value: item[0],
-          label: item[1]
-        }
-      });
-    },
-    loadForms(app){
-      this.selectedApp = app
-      this.debounceSearch();
-    },
-    async loadSelectedLabels() {
-      let values = this.curVal;
-      let fieldId = _.get(this.fieldConf, "id");
-      if (!_.isEmpty(values)) {
-        let result = await zj.net.w.noapi({
-          url: `/app_flow/v1/papi/dm/assist_field/${this.formName}/${fieldId}/list_title/?values=${values}`,
-          params: this.orgInfo,
-        });
-        this.selectedLabels = _.cloneDeep(result);
-      }
-    },
-    async loadRemoteLabel() {
-      let values = this.value;
-      let fieldId = _.get(this.fieldConf, "id");
-      if (!_.isEmpty(values)) {
-        let result = await zj.net.w.noapi({
-          url: `/app_flow/v1/papi/dm/assist_field/${this.formName}/${fieldId}/list_title/?values=${values}`,
-          params: this.orgInfo,
-        });
-        let data = _.map(result.data)
-        this.label = _.join(data, ",");
-      }
-      else{
-        this.label = "未选择"
-      }
-    },
-    onHide() {
-      this.opened = false
-    },
-    onOpen() {
-      this.loadApps();
-    },
-    isChecked(val) {
-      return _.includes(this.curVal, val);
-    },
-    onSubmit() {
-      this.$emit("input", this.curVal);
-      this.opened = false
-    },
-    toOpen(){
-      this.opened = true
-    },
-    deleteSelected(index) {
-      let vals = this.curVal;
-      _.pullAt(vals, index);
-      this.curVal = _.cloneDeep(vals);
-    },
-  },
-};
-</script>

package/components/lib/bpmSelectFromId/src/part/reader.vue

@@ -1,7 +0,0 @@
-
-<script>
-import TextReader from "../../../mixins/RemoteSelectReader.vue"
-export default {
-    mixins: [TextReader]
-}
-</script>

package/components/lib/bpmSelectHouseOwner/index.js

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

package/components/lib/bpmSelectHouseOwner/src/main.vue

@@ -1,102 +0,0 @@
-<template>
-  <component
-    class="bpm-select-house-owner"
-    v-model="curVal"
-    :is="curComponent"
-    :fieldConf="fieldConf"
-    :row="row"
-    :mode="mode"
-    :uiType="uiType"
-    :orgInfo="orgInfo"
-    :formName="formName"
-    :isMultiple="isMultiple"
-    v-bind="$attrs"
-    v-on="$listeners"
-  >
-  </component>
-</template>
-<script>
-import editorComponent from "./part/editor.vue";
-import readerComponent from "./part/reader.vue";
-
-export default {
-  name: "bpmSelectHouseOwner",
-  components: {
-    editorComponent,
-    readerComponent
-  },
-  props: {
-    value: {
-      type: [String, Array],
-      
-    },
-    fieldConf: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    row: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    mode: {
-      type: String,
-      default() {
-        return "view";
-      },
-    },
-    uiType: {
-      type: String,
-      default() {
-        return "default";
-      },
-    },
-    orgInfo: {
-      type: Object,
-    },
-    formName:{
-      type: String
-    },
-    isMultiple: {
-      type: Boolean,
-      default() {
-        return false;
-      },
-    }
-  },
-  data () {
-    return {
-      curVal: ""
-    }
-  },
-  computed: {
-    curComponent() {
-      if (this.mode == "view") {
-        return readerComponent;
-      } else {
-        return editorComponent;
-      }
-    },
-  },
-  watch: {
-    curVal(val){
-      this.$emit("input", val)
-      this.$emit("change", val)
-    },
-    value(){
-      this.curVal = this.value
-    },
-    
-  },
-  mounted () {
-    this.curVal = this.value
-  }
-};
-</script>
-
-<style>
-@import "../../../css/bpmSelectFromId.less";
-</style>

package/components/lib/bpmSelectHouseOwner/src/part/editor.vue

@@ -1,101 +0,0 @@
-<template>
-  <div class="house-owner">
-    <el-autocomplete
-      class="bpm-autocomplete"
-      v-model="curVal.name"
-      :fetch-suggestions="querySearch"
-      :placeholder="placeholder"
-      @select="handleSelect"
-    >
-      <template slot-scope="{ item }">
-        <div class="name">{{ item.value }}</div>
-        <span class="addr">{{ item.phone }}</span>
-      </template>
-    </el-autocomplete>
-    <el-input
-      style="margin-top: 10px; user-select: text"
-      class="bpm-default-input owner-phone"
-      v-model="curVal.phone"
-      :placeholder="$z('请输入业主电话', 'b2.common.select_owner_number')"
-    >
-    </el-input>
-  </div>
-</template>
-<script>
-import Vue from "vue";
-import _ from "lodash";
-import { Autocomplete } from "element-ui";
-Vue.use(Autocomplete);
-export default {
-  props: ["value", "fieldConf", "row", "formName", "orgInfo", "isMultiple", "selectList"],
-  data() {
-    return {
-      placeholder: zj.z("请选择或输入业主名称", "b2.common.select_owner"),
-      curValue: {
-        id: "",
-        name: "",
-        phone: "",
-      },
-      restaurants: [],
-      firstListVal: ""
-    };
-  },
-  watch: {
-    ["value"]: {
-      handler(val) {
-        this.curValue = val ? val : {
-          id: null,
-          name: "",
-          phone: ""
-        };
-      },
-      deep: true,
-    },
-    curValue(val){
-      this.$emit("input", val)
-    },
-    ["selectList"](val) {
-      let isEVCFirstElem =
-        _.get(this.fieldConf, "default.value.type") == "EVCFirstElem";
-      if (
-        isEVCFirstElem &&
-        (!this.curValue || (this.curValue && !this.curValue.name))
-      )
-      this.curValue = _.get(val, "0", null);
-      this.firstListVal = _.get(val, "0", null);
-    },
-  },
-
-  methods: {
-    querySearch(queryString, cb) {
-      var restaurants = [];
-      _.each(this.selectList, (item) => {
-        restaurants.push({
-          value: item.name,
-          phone: item.phone,
-          id: item.id,
-        });
-      });
-      var results = queryString
-        ? restaurants.filter(this.createFilter(queryString))
-        : restaurants;
-      // 调用 callback 返回建议列表的数据
-      cb(results);
-    },
-    createFilter(queryString) {
-      return (restaurant) => {
-        return (
-          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
-        );
-      };
-    },
-    handleSelect(item) {
-      let select = _.cloneDeep(item);
-      select.name = select.value;
-      delete select.value;
-      this.curValue = select;
-    },
-  },
-};
-</script>

package/components/lib/bpmSelectHouseOwner/src/part/reader.vue

@@ -1,17 +0,0 @@
-<template>
-  <div>
-    <span v-if="!value" :title="value" class="qs-content">{{
-      "--"
-    }}</span>
-    <div v-else class="qs-content">
-      <div>{{ value.name }}</div>
-      <div style="margin-top: 15px">{{ value.phone }}</div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: ["type", "value", "fieldConf", "row"],
-};
-</script>

package/components/lib/bpmSelectIssue/index.js

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

package/components/lib/bpmSelectIssue/src/main.vue

@@ -1,180 +0,0 @@
-<template>
-  <div class="bpm-select-issue q-field-no-input">
-    <div
-      @click="toOpen()"
-      style="display: flex; max-width: 360px; cursor: pointer;"
-    >
-      <div class="select-user-label" style="flex: 1;">
-        {{ (value.length || mode === 'view') ? 
-          $z("已选问题", "b2.common.selected_question") + ' ' + value.length :
-          $z("选择问题", "b2.common.choice_question") }}
-      </div>
-      <i aria-hidden="true" class="fa fa-angle-right icon-right"></i>
-    </div>
-
-    <el-dialog
-      :title="searchTitle"
-      :visible.sync="opened"
-      width="90%"
-      :fullscreen="true"
-      custom-class="bpm-select-issue"
-      @close="toClose">
-      <issue-list
-        ref="issue_list"
-        :category_cls="category_cls"
-        :mode="issueMode"
-        :selectItems="selectedVals"
-        @select="selectIssueList"
-      ></issue-list>
-
-      <div v-if="mode === 'edit'" slot="footer" class="modal-footer">
-        <el-button @click="toClose">{{ $z('取消', 'c.cancel') }}</el-button>
-        <el-button type="primary" @click="onSubmit">{{ $z('确定', 'c.confirm') }}</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-export default {
-  name: "BpmSelectIssue",
-  props: {
-    value: {
-      type: Array,
-      default () {
-        return []
-      }
-    },
-    type: {
-      type: String,
-      default: 'MulSelectIssue'
-    },
-    fieldConf: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    mode: {
-      type: String,
-      default: 'view' // view, edit
-    },
-    uiType: {
-      type: String,
-      default: 'default' // default,table,form,search
-    },
-  },
-  data() {
-    return {
-      // 结合 houseqm3/list 和原组件，有3个值：view, add, selected
-      issueMode: 'view',
-      searchTitle: zj.z("已选问题", "b2.common.selected_question"),
-
-      module_loaded: false,
-
-      loading: false,
-      opened: false,
-      selectedVals: [],
-
-      category_cls: 0,
-    };
-  },
-  watch: {
-    value (val) {
-      this.selectedVals = _.clone(val);
-    },
-    mode (val) {
-      if (val === 'view') {
-        this.issueMode = 'view'
-        this.searchTitle = zj.z("已选问题", "b2.common.selected_question")
-      } else {
-        this.issueMode = 'add'
-        this.searchTitle = zj.z("选择问题", "b2.common.choice_question")
-      }
-    }
-  },
-  computed: {
-    maxCount() {
-      return _.hasIn(this.fieldConf, "check.max_count")
-        ? _.get(this.fieldConf, "check.max_count")
-        : 100;
-    },
-  },
-  mounted() {
-    //动态跨模块加载页面组件
-    setTimeout(async () => {
-      if (this.fieldConf.issue_src == "building_qm") {
-        await zj.ui.loadPageComponent("IssueList", "buildingqm3", "list");
-        this.category_cls = 23;
-        console.log("动态加载安全检查模块组件");
-      } else {
-        await zj.ui.loadPageComponent("IssueList", "houseqm3", "list");
-        this.category_cls = 28;
-        console.log("动态加载分户验收模块组件");
-      }
-      this.module_loaded = true;
-    }, 4);
-    // TODO title 哪里来
-    // if (this.title) this.searchTitle = this.title;
-  },
-  methods: {
-    selectIssueList(data) {
-      this.selectedVals = _.clone(data);
-    },
-
-    toClose() {
-      this.opened = false;
-      this.selectedVals = [];
-    },
-    toOpen() {
-      if (!this.module_loaded) return;
-
-      this.opened = true;
-
-      this.$nextTick(() => {
-        setTimeout(() => {
-          this.setDefaultSelected();
-        }, 4);
-      });
-    },
-
-    setDefaultSelected() {
-      this.selectedVals = this.value ? _.cloneDeep(this.value) : []
-      if (this.$refs.issue_list) {
-        this.$refs.issue_list.selectedIds = _.clone(this.selectedVals);
-        this.$refs.issue_list.loadIssueList();
-      }
-    },
-    onSubmit() {
-      this.$emit('input', this.selectedVals)
-      this.$emit('change', this.selectedVals)
-
-      this.toClose();
-    },
-  },
-}
-</script>
-
-<style lang="less">
-.bpm-select-issue {
-  .icon-right {
-    color: #c1c1c1;
-  }
-
-  .select-user-label {
-    overflow-x: auto;
-    white-space: normal;
-    // color: #a4a4a4;
-  }
-  .select-user-label::-webkit-scrollbar {
-    display: none;
-  }
-
-  &.el-dialog {
-    .el-dialog__body {
-      height: calc(100vh - 54px - 70px);
-      box-sizing: border-box;
-      overflow: auto;
-    }
-  }
-}
-</style>

package/components/lib/bpmSignature/index.js

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