kz-ui-base 1.0.2 → 1.0.4

package/common/src/components/base/dialog/printDialog.vue

@@ -1,324 +0,0 @@
-<template>
-  <!-- 弹出打印界面 -->
-  <el-dialog
-    :title="setting.title"
-    :visible.sync="setting.isShow"
-    width="70%"
-    append-to-body
-    v-dialogDrag
-    v-dialogDragHeight
-  >
-    <SearchTable
-      :moduleName="tableSetting.moduleName"
-      :serviceName="tableSetting.serviceName"
-      :listColumns.sync="tableSetting.listColumns"
-      :listQueryParams.sync="tableSetting.listQueryParams"
-      :setting.sync="tableSetting.listSetting"
-      :searchRules.sync="tableSetting.searchRules"
-      :isMultiple="false"
-      @change="onChangeEvent"
-    />
-
-    <!--<div class="wrapper-container">
-      <el-table v-loading="loading"
-                :data="printTemplateList"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="序号"
-                         align="center"
-                         min-width="70"
-                         class-name="allowDrag"
-                         v-if="columns[0].visible">
-          <template slot-scope="scope">
-            <span>
-              {{
-              queryParams.pageSize * (queryParams.pageNum - 1) +
-              scope.$index +
-              1
-              }}
-            </span>
-          </template>
-        </el-table-column>
-        <el-table-column label="模板编号"
-                         align="center"
-                         key="templateNo"
-                         prop="templateNo"
-                         min-width="120" />
-        <el-table-column label="模板名称"
-                         align="center"
-                         key="templateName"
-                         prop="templateName"
-                         min-width="120" />
-        <el-table-column label="模板类型"
-                         align="center"
-                         key="templateType"
-                         prop="templateType"
-                         min-width="120">
-          <template slot-scope="scope">
-            <dict-tag :options="templateTypeOptions"
-                      :value="scope.row.templateType" />
-          </template>
-        </el-table-column>
-        <el-table-column label="模板内容"
-                         align="center"
-                         key="templateContent"
-                         prop="templateContent"
-                         min-width="120"
-                         :show-overflow-tooltip="true" />
-        <el-table-column label="设置"
-                         align="center"
-                         key="setting"
-                         prop="setting"
-                         min-width="120"
-                         :show-overflow-tooltip="true" />
-        <el-table-column label="模板版本号"
-                         align="center"
-                         key="templateVersion"
-                         prop="templateVersion"
-                         min-width="120" />
-        <el-table-column label="模板描述"
-                         align="center"
-                         key="templateDescribe"
-                         prop="templateDescribe"
-                         min-width="120"
-                         :show-overflow-tooltip="true" />
-        <el-table-column label="状态"
-                         align="center"
-                         key="templateStatus"
-                         prop="templateStatus"
-                         min-width="120">
-          <template slot-scope="scope">
-            <dict-tag :options="templateStatusOptions"
-                      :value="scope.row.templateStatus" />
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <pagination :total="total"
-                  :page.sync="queryParams.pageNum"
-                  :limit.sync="queryParams.pageSize"
-                  @pagination="getPrintTemplateList" />
-    </div>-->
-    <div slot="footer" class="dialog-footer">
-      <el-button
-        type="primary"
-        plain
-        icon="el-icon-edit"
-        size=""
-        :disabled="!currentEntity"
-        @click="print"
-        >打 印</el-button
-      >
-      <el-button
-        type="primary"
-        plain
-        icon="el-icon-edit"
-        size=""
-        :disabled="!currentEntity"
-        @click="printView"
-        >打 印 预 览</el-button
-      >
-      <el-button @click="cancel">取 消</el-button>
-      <el-button @click="downloadPrintClient">下载打印插件</el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import * as printService from "@utils/printService";
-import * as Utils from "@utils/utils";
-
-export default {
-  name: "PrintDialog",
-
-  components: {
-    SearchTable: () => import("../../customForm/searchTable"),
-  },
-  props: {
-    //微服务模块名称
-    moduleName: {
-      type: String,
-      default: function () {
-        return "system";
-      },
-    },
-    //实体名称-服务名称
-    serviceName: {
-      type: String,
-      default: function () {
-        return "printTemplate";
-      },
-    },
-    //实体名称-服务名称
-    templateType: {
-      type: String,
-      default: function () {
-        return `/${this.moduleName}/${this.serviceName}`;
-      },
-    },
-    entity: {
-      type: Object,
-      default: function () {
-        return undefined;
-      },
-    },
-    setting: {
-      type: Object,
-      default: function () {
-        return {
-          pkField: "id",
-          // 提交状态
-          submitLoading: false,
-          // 弹出层标题
-          title: "打印模板",
-          // 是否显示弹出层
-          isShow: false,
-          // 保存时是否自动关闭
-          isCloseOnSave: true,
-        };
-      },
-    },
-  },
-  data() {
-    return {
-      // 当前选中行实体
-      currentEntity: undefined,
-      // 当前选中行实体集合
-      currentEntities: undefined,
-      tableSetting: {
-        //类型，支持以下类型：
-        type: undefined,
-        //微服务模块名称
-        moduleName: "system",
-        //实体名称-服务名称
-        serviceName: "printTemplate",
-        pkField: "id",
-        // 提交状态
-        submitLoading: false,
-        // 弹出层标题
-        title: "请选择",
-        // 保存时是否自动关闭
-        isCloseOnSave: true,
-        // 启用多选模式
-        isMultiple: false,
-        // 列表分页参数
-        listQueryParams: {
-          pageNum: 1,
-          pageSize: 10,
-          totalPages: 1,
-          total: 0,
-          orderBy: "id",
-        },
-        listSetting: {
-          //获取列表数据的api方法名
-          getListAction: "list",
-          //主键字段
-          pkField: this.pkField,
-          // 遮罩层
-          loading: false,
-          //是否显示合计行
-          isShowSumRow: true,
-          //是否启用行内编辑模式
-          isOpenInlineEditMode: false,
-          //是否显示分页栏
-          isShowPager: true,
-          //是否显示操作栏
-          isShowOpColumn: false,
-        },
-        // 列表列信息
-        listColumns: [
-          { key: 0, text: `序号`, property: "id", visible: true },
-          { key: 1, text: `模板编号`, property: "templateNo", visible: true },
-          { key: 2, text: `模板名称`, property: "templateName", visible: true },
-          { key: 3, text: `模板类型`, property: "templateType", visible: true },
-          {
-            key: 4,
-            text: `模板内容`,
-            property: "templateContent",
-            visible: true,
-          },
-          { key: 5, text: `模板设置`, property: "setting", visible: true },
-          {
-            key: 6,
-            text: `模板版本号`,
-            property: "templateDescribe",
-            visible: true,
-          },
-          {
-            key: 7,
-            text: `模板描述`,
-            property: "templateDescribe",
-            visible: true,
-          },
-          {
-            key: 8,
-            text: `状态`,
-            property: "templateStatus",
-            setting: { dictType: "sys_template_status" },
-          },
-        ],
-
-        // 列表查询条件
-        searchRules: [
-          {
-            text: `模板类型`,
-            property: "templateType",
-            visible: false,
-            value: this.printType,
-          },
-          { text: `模板名称`, property: "templateName" },
-        ],
-        //弹框是否显示确定 取消
-        footerButton: true,
-      },
-    };
-  },
-  watch: {},
-  created() {},
-  mounted() {},
-  activated() {
-    console.log("printDialog");
-  },
-  methods: {
-    show() {
-      this.setting.isShow = true;
-    },
-    /** 组件内更新属性值 */
-    updateEntity(args) {},
-    // 取消按钮
-    cancel() {
-      this.setting.isShow = false;
-      printService.stopPrint();
-      //this.reset()
-      this.$emit("onCancelClick", { data: this.entity, setting: this.setting });
-    },
-    // 多选框选中数据
-    onChangeEvent(data) {
-      this.currentEntity = data;
-    },
-
-    //打印按钮
-    print() {
-      //printService.printByLogId("1475439310101397506");
-      printService.print({
-        type: "print",
-        templateId: this.currentEntity.id,
-        templateType: this.templateType || `/${this.moduleName}/${this.serviceName}`,
-        entity: this.setting.currentEntity,
-      });
-    },
-    //打印按钮
-    printView() {
-      printService.print({
-        type: "priview",
-        templateId: this.currentEntity.id,
-        templateType: this.templateType || `/${this.moduleName}/${this.serviceName}`,
-        entity: this.setting.currentEntity,
-      });
-    },
-    downloadPrintClient() {
-      Utils.downloadPrintClient();
-    },
-  },
-};
-</script>

package/common/src/components/base/dialog/tableDialog.vue

@@ -1,187 +0,0 @@
-<template>
-  <!-- 添加或修改参数配置对话框 -->
-  <el-dialog
-    :title="setting.title"
-    :visible.sync="setting.isShow"
-    :width="springFrametable.width"
-    :close-on-click-modal="false"
-    append-to-body
-    v-dialogDrag
-    v-dialogDragHeight
-  >
-    <slot name="entityForm">
-      <el-form
-        ref="entity"
-        :model="entity"
-        :rules="rules"
-        :label-width="labelWidth"
-      >
-        <el-row>
-          <FormColumns ref="FormColumns"
-            :columns.sync="columns"
-            :entity.sync="entity"
-            @change="onChangeEvent"
-          ></formColumns>
-        </el-row>
-      </el-form>
-    </slot>
-    <EditTable
-      v-if="tableFormShow"
-      :config="config"
-      @iptchange="iptchange"
-      @submit="submit"
-      ref="tableForm"
-      style="margin: 20px"
-    />
-    <slot name="footer">
-      <div class="dialog-footer">
-        <el-button
-          type="primary"
-          :loading="setting.submitLoading"
-          @click="submitForm"
-          >确 定</el-button
-        >
-        <el-button @click="cancel">取 消</el-button>
-        <el-button
-          v-for="opMenu in customOpMenus"
-          :key="opMenu.name"
-          @click="handleCustomOpMenuClick(opMenu)"
-          >{{ opMenu.text }}</el-button
-        >
-      </div>
-    </slot>
-  </el-dialog>
-</template>
-
-<script>
-import {
-  addEntity,
-  updateEntity,
-  listEntity,
-} from "../../../api/common/common";
-export default {
-  name: "tableDialog",
-  extends: EditDialog,
-
-  components: {
-  },
-  props: {
-    springFrametable: {
-      type: Object,
-    },
-    // 表单校验
-    rules: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    return {
-      //表格显示隐藏
-      tableFormShow: false,
-      //表格数据
-      tableList: {},
-      //请求参数是否带编辑信息
-      editData: this.springFrametable.editData || false,
-      //表格配置
-      config: {
-        buttomShow: this.springFrametable.buttomShow || false,
-        columns: this.springFrametable.tableColumns,
-        data: [],
-      },
-      //弹框宽度
-      width: this.springFrametable.width || "600px",
-      labelWidth: this.springFrametable.labelWidth || "100px",
-    };
-  },
-
-  created() {
-    //是否有自定义参数
-    let parames = this.springFrametable.parameter
-      ? this.springFrametable.parameter
-      : {};
-    /** 查询列表 */
-    listEntity(
-      this.springFrametable.moduleName,
-      this.springFrametable.serviceName,
-      {
-        pageNum: 1,
-        pageSize: 999,
-        totalPages: 1,
-        total: 0,
-        orderBy: "id",
-        ...parames,
-      },
-      "list"
-    )
-      .then((response) => {
-        this.config.data = response.rows;
-        this.tableFormShow = true;
-      })
-      .catch(() => {
-        this.tableFormShow = false;
-      });
-  },
-  mounted() {},
-  activated() {},
-  methods: {
-    iptchange(row) {},
-    onChangeEvent(args) {
-      //args:  { property: this.column.property, value: value, entity: this.entity, column: this.column }
-      //console.log(args);
-    },
-
-    //表格数据
-    submit(res) {
-      console.log(res);
-      this.tableList = res;
-    },
-    show() {
-      this.setting.isShow = true;
-    },
-
-    /** 提交按钮 */
-    submitForm: function () {
-      var self = this;
-      //self.congif.data
-      console.log(self);
-      let tableData = {};
-      if (this.editData) {
-        this.$refs.tableForm.submit(); //列表数据赋值this.tableList
-        tableData = { [this.springFrametable.tableListName]: this.tableList };
-        console.log({ ...this.entity, ...tableData });
-      }
-
-      this.setting.submitLoading = true;
-      this.$refs["entity"].validate((valid) => {
-        if (valid) {
-          if (this.setting.isCloseOnSave) this.setting.isShow = false;
-          let data = {};
-          if (this.editData) {
-            data = {
-              ...this.entity,
-              ...tableData,
-            };
-            console.log(data);
-          } else {
-            data = this.entity;
-          }
-          this.$emit("onSaveClick", {
-            data,
-            setting: this.setting,
-          });
-        }
-      });
-      this.setting.submitLoading = false;
-    },
-  },
-};
-</script>
-
-<style scoped>
-.wrapper-container-supplement {
-  min-height: 415px;
-}
-</style>

package/common/src/components/base/dialog/uploadDialog.vue

@@ -1,149 +0,0 @@
-<template>
-    <!-- 用户导入对话框 -->
-    <el-dialog :title="setting.title" :visible.sync="setting.isShow" width="400px" append-to-body v-dialogDrag v-dialogDragHeight>
-      <el-upload
-        ref="setting"
-        :limit="1"
-        accept=".xlsx, .xls"
-        :headers="setting.headers"
-        :action="setting.url + '?updateSupport=' + setting.updateSupport"
-        :disabled="setting.isUploading"
-        :on-progress="handleFileUploadProgress"
-        :on-success="handleFileSuccess"
-        :auto-upload="false"
-        drag
-      >
-        <i class="el-icon-upload"></i>
-        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-        <div class="el-upload__tip text-center" slot="tip">
-          <div class="el-upload__tip" slot="tip">
-            <el-checkbox v-model="setting.updateSupport"/>
-            是否更新已经存在的用户数据
-          </div>
-          <span>仅允许导入xls、xlsx格式文件。</span>
-          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
-                   @click="importTemplate">下载模板
-          </el-link>
-        </div>
-      </el-upload>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" :loading="submitLoading" @click="submitFileForm">确 定</el-button>
-        <el-button @click="setting.isShow = false">取 消</el-button>
-      </div>
-    </el-dialog>
-</template>
-
-<script>
-import {
-  listUser,
-  getUser,
-  delUser,
-  addUser,
-  updateUser,
-  resetUserPwd,
-  changeUserStatus,
-  changeUserRole
-} from "@/api/system/user"
-import {getToken} from "@utils/auth"
-import {treeSelect} from "@/api/system/post"
-import Treeselect from "@riophae/vue-treeselect"
-import "@riophae/vue-treeselect/dist/vue-treeselect.css"
-import {optionSelect} from "@/api/system/role"
-
-export default {
-        name: "UploadDialog",
-        components: {  },
-    props: {
-      setting: {
-        type: Object,
-        default: function () {
-          return {
-            // 是否显示编辑窗口
-            isShow: false,
-            // 弹出层标题（用户导入）
-            title: "导入",
-            // 是否禁用上传
-            isUploading: false,
-            // 是否更新已经存在的用户数据
-            updateSupport: 0,
-            // 设置上传的请求头部
-            headers: { Authorization: "Bearer " + getToken() },
-            // 上传的地址
-            url: process.env.VUE_APP_BASE_API + `/${this.moduleName}/${this.serviceName}/importData`
-          }
-        }
-      },
-      //微服务模块名称
-      moduleName: {
-        type: String,
-        default: function () {
-          return undefined
-        }
-      },
-      //实体名称-服务名称
-      serviceName: {
-        type: String,
-        default: function () {
-          return undefined
-        }
-      },
-            // 提交状态
-            submitLoading: false,
-            // 弹出层标题
-            title: "",
-            // 是否显示弹出层
-            open: false,
-        },
-  data() {
-    return {
-    }
-  },
-  watch: {
-  },
-  created() {
-    
-  },
-    methods: {
-      show() {
-        this.setting.isShow = true;
-      },
-   
-    // 取消按钮
-    cancel() {
-      this.open = false
-      this.reset()
-    },
-   
-    /** 下载模板操作 */
-    importTemplate() {
-      this.download(`${this.moduleName}/${this.serviceName}/importTemplate`, {
-        ...this.queryParams
-      }, `${this.serviceName}_${new Date().getTime()}.xlsx`)
-    },
-    // 文件上传中处理
-    handleFileUploadProgress(event, file, fileList) {
-      this.setting.isUploading = true
-    },
-    // 文件上传成功处理
-    handleFileSuccess(response, file, fileList) {
-      this.setting.open = false
-      this.setting.isUploading = false
-      this.$refs.setting.clearFiles()
-      this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true })
-      this.$emit('onImportSuccess', null);
-    },
-    // 提交上传文件
-    submitFileForm() {
-      this.submitLoading = true
-      this.$refs.setting.submit()
-      this.submitLoading = false
-    }
-  }
-}
-</script>
-
-<style scoped>
-.wrapper-container-supplement {
-  min-height: 415px;
-}
-</style>