cloud-web-corejs 1.0.28 → 1.0.29

package/src/views/bd/setting/form_script/mixins/edit1.js

@@ -0,0 +1,149 @@
+import formOplogTable from "@base/components/formOplog/index.vue";
+import preformDialog from "@base/views/bd/setting/form_template/preformDialog.vue";
+import projectTagView from "@base/components/projectTag/view.vue";
+import MenuKindDialog from "@base/views/bd/setting/menu_kind/dialog.vue";
+import {getBdFlag} from "@base/api/user";
+
+let modules = {};
+modules = {
+  name: 'user_form_scriptEdit',
+  props: {
+    _dataId: [String, Number],
+    formCode: String,
+    formTemplate: Object,
+    currentFormType: Object
+  },
+  components: {formOplogTable, preformDialog, projectTagView, MenuKindDialog},
+  data() {
+    return {
+      isEdit: false,
+      tabIndex: 'first',
+      dataId: '',
+      formScript: {
+        scriptType: 1,
+        enabled: true,
+        formCode: null,
+        menuKindCode: null,
+        menuKindName: null,
+        transactions: 1,
+        formScriptTagDTOs: []
+      },
+      showCodeEditor: false,
+      showMenuKindDialog: false,
+      isDev: true,
+      showPreformDialog: false
+    };
+  },
+  created() {
+    if (this._dataId && !isNaN(this._dataId)) {
+      this.dataId = this._dataId;
+    } else {
+      if (this.formTemplate) {
+        this.formScript.formCode = this.formTemplate.formCode;
+        this.formScript.menuKindCode = this.formTemplate.menuKindCode;
+        this.formScript.menuKindName = this.formTemplate.menuKindName;
+      } else {
+        this.formScript.formCode = 'intf';
+        this.formScript.menuKindName = this.currentFormType?.name || null;
+        this.formScript.menuKindCode = this.currentFormType?.menuKindCode || null;
+      }
+
+    }
+  },
+  mounted() {
+    this.getBdEnv();
+    this.getData();
+  },
+  methods: {
+    getData() {
+      if (this.dataId && !isNaN(this.dataId)) {
+        this.isEdit = true;
+        this.$commonHttp({
+          aes:true,
+          url: USER_PREFIX + `/formScript/get`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            this.formScript = res.objx || {};
+            this.showCodeEditor = true;
+            //获取操作日志数据
+            this.$refs['oplogTable'].initData({
+              param: () => {
+                return {
+                  logType: "FormScript",
+                  logObjCode: this.formScript.sid
+                };
+              }
+            });
+          }
+        });
+      } else {
+        this.showCodeEditor = true;
+      }
+    },
+    saveData() {
+      this.$refs.editForm.$baseValidate(valid => {
+        if (valid) {
+          this.openPreformDialog();
+        }
+      });
+    },
+    saveDataHandle(preformData) {
+      var url = USER_PREFIX + (this.isEdit ? `/formScript/update` : `/formScript/save`);
+      let formData = {
+        ...this.formScript,
+        logContent: preformData.logContent
+      };
+      this.$http({
+          aes:true,
+        url: url,
+        method: `post`,
+        data: formData,
+        isLoading: true,
+        success: res => {
+          this.$message({
+            message: res.content,
+            type: 'success',
+            duration: 500,
+            onClose: t => {
+              if (this.isEdit) {
+                this.$baseReload();
+              } else {
+                this.$baseReload({
+                  updateParam: {
+                    _dataId: res.objx
+                  }
+                });
+              }
+            }
+          });
+        }
+      });
+    },
+    openPreformDialog() {
+      this.showPreformDialog = true;
+    },
+    confirmPreformDialog(preformData) {
+      this.saveDataHandle(preformData);
+    },
+    confirmInsertMenuKind(rows) {
+      if (rows.length > 0) {
+        let row = rows[0];
+        this.$set(this.formScript, 'menuKindCode', row.menuKindCode);
+        this.$set(this.formScript, 'menuKindName', row.name);
+      }
+    },
+    getBdEnv() {
+      getBdFlag({
+        success: res => {
+          this.isDev = res.objx == 1
+        }
+      });
+    }
+  }
+};
+export default modules

package/src/views/bd/setting/form_script/mixins/form_list.js

@@ -0,0 +1,264 @@
+import projectTagView from "@base/components/projectTag/view.vue";
+import projectTagAddButton from "@base/components/projectTag/addButton.vue";
+import projectTagDeleteButton from "@base/components/projectTag/deleteButton.vue";
+import tableForm from "@base/components/table/tableForm.vue";
+import MenuKindDialog from "@base/views/bd/setting/menu_kind/dialog.vue";
+import editView from "@base/views/bd/setting/form_script/edit1.vue";
+import scriptDialog from "@base/views/bd/setting/form_script/dialog.vue";
+import projectTagDialog from "@base/views/user/project_tag/dialog.vue";
+import {getBdFlag} from "@base/api/user";
+
+let modules = {};
+modules = {
+  name: 'form_script:form_list',
+  components: {
+    projectTagView,
+    projectTagAddButton,
+    projectTagDeleteButton,
+    tableForm, MenuKindDialog, editView, scriptDialog, projectTagDialog
+  },
+  props: ["formTemplate"],
+  data() {
+    return {
+      activeName: 'second',
+      dataId: 0,
+      showEdit: false,
+      vxeOption: {},
+      formData: {},
+      showScriptDialog: false,
+      addProjectTagOption: {
+        url: USER_PREFIX + `/formScript/saveTag`,
+        tableDatas: () => {
+          return this.$refs["table-m1"].getCheckboxRecords(true);
+        },
+        reqData: (tagDatas, tableDatas) => {
+          let sids = tableDatas.map(item => item.sid);
+          let tagCodes = tagDatas.map(item => item.tagCode);
+          let reqData = {
+            tagCodes,
+            sids
+          };
+          return reqData;
+        },
+        callback: () => {
+          this.searchEvent()
+        }
+      },
+      deleteProjectTagOption: {
+        url: USER_PREFIX + `/formScript/deleteTag`,
+        tableDatas: () => {
+          return this.$refs["table-m1"].getCheckboxRecords(true);
+        },
+        reqData: (tagDatas, tableDatas) => {
+          let sids = tableDatas.map(item => item.sid);
+          let tagCodes = tagDatas.map(item => item.tagCode);
+          let reqData = {
+            tagCodes,
+            sids
+          };
+          return reqData;
+        },
+        callback: () => {
+          this.searchEvent()
+        }
+      },
+      showProjectTagDialog3: false,
+      checkTags: [],
+      isDev: true
+    };
+  },
+  mounted() {
+    this.getBdEnv();
+    this.initTableList();
+  },
+  methods: {
+    searchEvent() {
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    resetEvent() {
+      this.formData = {};
+      this.checkTags = [];
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    openEditDialog(row) {
+      /*this.dataId = !id || typeof id == 'object' ? 0 : id;
+      this.activeName = 'first';
+      this.$openEditView('showEdit');*/
+
+      let dataId = row?.id || 0;
+      if (!dataId) {
+        this.dataId = dataId;
+        this.activeName = 'first';
+        this.$openEditView('showEdit');
+      } else {
+        this.$refs.xTabs.openEditTab(row);
+      }
+    },
+    initTableList() {
+      let that = this;
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'bd_form_script_form_list-m1',
+        path: USER_PREFIX + '/formScript/listPage',
+        param: () => {
+          let tagCodes = null;
+          if (this.checkTags.length) {
+            tagCodes = this.checkTags.map(item => item.tagCode);
+          }
+          return {
+            formCode: this.formTemplate.formCode,
+            menuKindCode: this.formTemplate.menuKindCode,
+            ...this.formData,
+            tagCodes,
+            scriptType: 1,
+          };
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: '脚本名称',
+            field: 'scriptName',
+            width: 180,
+            fixed: 'left'
+          },
+          {
+            title: '脚本编码',
+            field: 'scriptCode',
+            width: 180
+          },
+          {
+            title: '脚本说明',
+            field: 'scriptRemark',
+            width: 250
+          },
+          {
+            title: '表单模板编码',
+            field: 'formCode',
+            width: 250
+          },
+          {
+            title: '项目标签', field: 'tag', width: 250, slots: {default: "tag"}, params: {
+              exportVal: ({row}) => {
+                if (row.formScriptTagDTOs) {
+                  return row.formScriptTagDTOs.map(item => item.tagName).join(",")
+                }
+              }
+            }
+          },
+          {
+            field: 'transactions',
+            title: '开启事务',
+            width: 150,
+            slots: {
+              default: ({row}) => {
+                if (row.transactions == 1) {
+                  return [<div class="txt-status">是</div>];
+                } else {
+                  return [<div class="txt-status s-3">否</div>];
+                }
+              }
+            }
+          },
+          {
+            field: 'sid',
+            title: '唯一标识',
+            width: 280
+          },
+          {
+            field: 'createDate',
+            title: this.$t1('创建时间'),
+            width: 150
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row}) => {
+                return [
+                  <div>
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.openEditDialog(row);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content={ this.$t1('查看') } placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-edit"/>
+                      </el-tooltip>
+                    </a>
+                  </div>
+                ];
+              }
+            }
+          }
+        ],
+        searchColumns: [
+          {title: "脚本名称", field: "scriptName", type: "input", common: true},
+          {title: "脚本编码", field: "scriptCode", type: "input", common: true},
+          {title: "脚本说明", field: "scriptRemark", type: "input", common: true},
+          {title: "脚本", field: "script", type: "input", common: true},
+          {title: "项目标签", field: "tag", type: "input", common: true, slot: "tag"},
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.vxeOption = opts;
+      });
+    },
+    confirmScriptDialog(rows) {
+      if (rows.length) {
+        let formCode = this.formTemplate.formCode;
+        let menuKindCode = this.formTemplate.menuKindCode;
+        let data = rows.map(row => {
+          return {
+            scriptCode: row.scriptCode,
+            scriptName: row.scriptName,
+            scriptRemark: row.scriptRemark,
+            script: row.script,
+            scriptType: 1,
+            formCode: formCode,
+            menuKindCode: menuKindCode
+          }
+        })
+        this.$http({
+          aes:true,
+          url: USER_PREFIX + '/formScript/saves',
+          method: `post`,
+          data: data,
+          isLoading: true,
+          success: res => {
+            this.$message({
+              message: res.content,
+              type: 'success',
+              duration: 500,
+              onClose: t => {
+                this.searchEvent()
+              }
+            });
+          }
+        });
+      }
+    },
+    openProjectTagDialog3() {
+      this.showProjectTagDialog3 = true;
+    },
+    confirmProjectTagDialog3(rows) {
+      this.checkTags = rows;
+    },
+    getTabNames() {
+      return this.checkTags.map(item => item.tagName).join(",");
+    },
+    getBdEnv() {
+      getBdFlag({
+        success: res => {
+          this.isDev = res.objx == 1
+        }
+      });
+    }
+  }
+};
+export default modules

package/src/views/bd/setting/form_script/mixins/list.js

@@ -0,0 +1,176 @@
+import tableForm from "@base/components/table/tableForm.vue";
+import editView from "@base/views/bd/setting/form_script/edit.vue";
+import {getBdFlag} from "@base/api/user";
+
+let modules = {};
+modules = {
+  name: 'form_script:list',
+  props: {
+    scriptType: {
+      type: Number,
+      default: 0
+    },
+    formCode: {
+      type: String,
+      default: null
+    }
+  },
+  components: {tableForm, editView},
+  data() {
+    return {
+      activeName: 'second',
+      dataId: 0,
+      showEdit: false,
+      vxeOption: {},
+      formData: {},
+      isDev: true
+    };
+  },
+  mounted() {
+    this.getBdEnv();
+    this.initTableList();
+  },
+  methods: {
+    searchEvent() {
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    resetEvent() {
+      this.formData = {};
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    openEditDialog(row) {
+      /*this.dataId = !id || typeof id == 'object' ? 0 : id;
+      this.activeName = 'first';
+      this.$openEditView('showEdit');*/
+
+      let dataId = row?.id || 0;
+      if (!dataId) {
+        this.dataId = dataId;
+        this.activeName = 'first';
+        this.$openEditView('showEdit');
+      } else {
+        this.$refs.xTabs.openEditTab(row);
+      }
+    },
+    getSearchParam() {
+      return {
+        ...this.formData,
+        formCode: this.formCode,
+        scriptType: this.scriptType
+      };
+    },
+    initTableList() {
+      let that = this;
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'bd_form_script_list-m' + this.scriptType,
+        path: USER_PREFIX + '/formScript/listPage',
+        param: () => {
+          return this.getSearchParam();
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: '脚本名称',
+            field: 'scriptName',
+            width: 180,
+            fixed: 'left'
+          },
+          {
+            title: '脚本编码',
+            field: 'scriptCode',
+            width: 180
+          },
+          {
+            title: '脚本说明',
+            field: 'scriptRemark',
+            width: 250
+          },
+          {
+            field: 'transactions',
+            title: '开启事务',
+            width: 150,
+            slots: {
+              default: ({row}) => {
+                if (row.transactions == 1) {
+                  return [<div class="txt-status">是</div>];
+                } else {
+                  return [<div class="txt-status s-3">否</div>];
+                }
+              }
+            }
+          },
+          {
+            field: 'sid',
+            title: '唯一标识',
+            width: 280
+          },
+          {
+            field: 'createDate',
+            title: this.$t1('创建时间'),
+            width: 150
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row}) => {
+                return [
+                  <div>
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.openEditDialog(row);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content={ this.$t1('查看') } placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-edit"/>
+                      </el-tooltip>
+                    </a>
+                  </div>
+                ];
+              }
+            }
+          }
+        ],
+        searchColumns: [
+          {title: "脚本名称", field: "scriptName", type: "input", common: true},
+          {title: "脚本编码", field: "scriptCode", type: "input", common: true},
+          {title: "脚本说明", field: "scriptRemark", type: "input", common: true},
+          {title: "脚本", field: "script", type: "input", common: true},
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.vxeOption = opts;
+      });
+    },
+    jsonImport() {
+      this.$jsonImport({
+        saveUrl: USER_PREFIX + '/form_develop/importFormScript',
+        callback: () => {
+          this.searchEvent();
+        }
+      });
+    },
+    jsonExport() {
+      this.$jsonExport({
+        targetRef: "table-m1",
+        url: USER_PREFIX + "/form_develop/exportFormScript",
+        abcEnabled: true
+      })
+    },
+    getBdEnv() {
+      getBdFlag({
+        success: res => {
+          this.isDev = res.objx == 1
+        }
+      });
+    }
+  }
+};
+export default modules