cloud-web-corejs 1.0.0

package/src/views/support/export_template/edit.vue

@@ -0,0 +1,285 @@
+<template>
+  <div class="detail-wrap">
+    <el-form ref="editForm" :model="exportTemplate">
+      <div class="d-header clearfix">
+        <div class="fl">
+          <i class="el-icon-info"/>
+          {{ dataId ? '查看' : '新增' }}输出模板
+        </div>
+        <div class="fr">
+          <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">重置
+          </el-button>
+          <el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData">保存</el-button>
+
+        </div>
+      </div>
+      <div class="d-cont">
+        <div class="d-item">
+          <div class="title first"><b>基本信息</b></div>
+          <table class="table-detail">
+            <tbody>
+            <tr>
+              <th>
+                <em class="f-red">*</em>
+                输出类型
+              </th>
+              <td colspan="7">
+                <el-form-item prop="etType" :rules="[{ required: true, trigger: 'blur' }]" v-if="!dataId">
+                  <el-radio-group v-model="exportTemplate.etType">
+                    <el-radio :label="0">输出excel格式文件，使用excel格式模版</el-radio>
+
+                    <el-radio :label="1">输出pdf格式文件，使用excel格式模版</el-radio>
+                    <el-radio :label="2">菜鸟打印</el-radio>
+                    <el-radio :label="3">网页打印</el-radio>
+                    <el-radio :label="4">上传存储自定义文件，使用自定义格式模版</el-radio>
+                    <el-radio :label="5">输出自定义文件，使用自定义格式模版</el-radio>
+                    <el-radio :label="6">京东打印</el-radio>
+                    <el-radio :label="7">拼多多打印</el-radio>
+                    <el-radio :label="8">唯品会打印</el-radio>
+                    <el-radio :label="9">小红书打印</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <template v-else>
+                  <template v-if="exportTemplate.etType==0">输出excel格式文件，使用excel格式模版</template>
+                  <template v-else-if="exportTemplate.etType==1">输出pdf格式文件，使用excel格式模版</template>
+                  <template v-else-if="exportTemplate.etType==2">菜鸟打印</template>
+                  <template v-else-if="exportTemplate.etType==3">网页打印</template>
+                  <template v-else-if="exportTemplate.etType==4">上传存储自定义文件，使用自定义格式模版</template>
+                  <template v-else-if="exportTemplate.etType==5">输出自定义文件，使用自定义格式模版</template>
+                  <template v-else-if="exportTemplate.etType==6">京东打印</template>
+                  <template v-else-if="exportTemplate.etType==7">拼多多打印</template>
+                  <template v-else-if="exportTemplate.etType==8">唯品会打印</template>
+                  <template v-else-if="exportTemplate.etType==9">小红书打印</template>
+                </template>
+              </td>
+            </tr>
+            <tr>
+              <th>
+                <em class="f-red">*</em>
+                输出模板名称
+              </th>
+              <td>
+                <el-form-item prop="etName" :rules="[{ required: true, trigger: 'blur' }]">
+                  <el-input type="text" autocomplete="off" v-model="exportTemplate.etName" clearable/>
+                </el-form-item>
+              </td>
+              <th>
+                <em class="f-red">*</em>
+                输出模板编码
+              </th>
+              <td>
+                <el-form-item prop="etCode" :rules="[{ required: true, trigger: 'blur' }]" v-if="!dataId">
+                  <el-input type="text" autocomplete="off" v-model="exportTemplate.etCode" clearable/>
+                </el-form-item>
+                <template v-else>
+                  {{ exportTemplate.etCode }}
+                </template>
+              </td>
+              <th>
+                <em class="f-red">*</em>
+                组织编码
+              </th>
+              <td>
+                <el-form-item prop="etCompanyCode" :rules="[{ required: true, trigger: 'blur' }]">
+                  <el-input type="text" autocomplete="off" v-model="exportTemplate.etCompanyCode" clearable/>
+                </el-form-item>
+              </td>
+              <th>
+                是否启用
+              </th>
+              <td>
+                <el-form-item prop="enabled" :rules="[{ required: false, trigger: 'blur' }]">
+                  <el-radio-group v-model="exportTemplate.enabled">
+                    <el-radio :label="true">启用</el-radio>
+                    <el-radio :label="false">禁用</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </td>
+            </tr>
+            <tr>
+              <th>备注</th>
+              <td colspan="7">
+                <el-input type="textarea" :rows="2" placeholder="请输入内容" size="small"
+                          v-model="exportTemplate.remark"
+                          clearable></el-input>
+              </td>
+            </tr>
+            <tr v-show="printTypes.includes(exportTemplate.etType)">
+              <th>
+                <em class="f-red">*</em>
+                模板数据
+              </th>
+              <td colspan="7">
+                <el-form-item prop="etText"
+                              :rules="[{ required: printTypes.includes(exportTemplate.etType), trigger: 'blur' }]">
+                  <code-editor mode="json" :readonly="!1" v-model="exportTemplate.etText" ref="etText" height="115px"
+                               style="width:718px"
+                               v-if="showCodeEditor"></code-editor>
+                  <el-button type="danger" class="button-sty vertical" icon="el-icon-edit"
+                             @click="showHiprintDesignDialog = true"
+                             v-if="exportTemplate.etType==3">模板设计
+                  </el-button>
+                </el-form-item>
+              </td>
+            </tr>
+            <tr
+              v-show="exportTemplate.etType==0 || exportTemplate.etType==1 || exportTemplate.etType==4|| exportTemplate.etType==5">
+              <th>
+                <em class="f-red">*</em>
+                模板文件
+              </th>
+              <td colspan="3">
+                <el-form-item
+                  prop="etUrl"
+                  :rules="[{
+                    required: exportTemplate.etType==0 || exportTemplate.etType==1 || exportTemplate.etType==4 || exportTemplate.etType==5,
+                    trigger: 'blur'
+                  }]">
+                  <baseUpload
+                    :limit="1"
+                    :accept="accept"
+                    multi="false"
+                    :file.sync="exportTemplate.etUrl"
+                    dataType="url"
+                  ></baseUpload>
+                </el-form-item>
+              </td>
+            </tr>
+            <tr>
+              <th>
+                <em class="f-red">*</em>
+                获取数据脚本<br/>
+                <scriptDescriptionButton path="static/readme/ExportTemplate.txt"></scriptDescriptionButton>
+                <scriptTestButton :script.sync="exportTemplate.script"></scriptTestButton>
+              </th>
+              <td colspan="7">
+                <el-form-item prop="script" :rules="[{ required: true, trigger: 'blur' }]">
+                  <code-editor mode="java" :readonly="!1" v-model="exportTemplate.script"
+                               v-if="showCodeEditor"></code-editor>
+                </el-form-item>
+              </td>
+            </tr>
+            <tr>
+              <th>创建人</th>
+              <td>{{ exportTemplate.createBy }}</td>
+              <th>创建时间</th>
+              <td>{{ exportTemplate.createDate }}</td>
+              <th>更新人</th>
+              <td>{{ exportTemplate.modifyBy }}</td>
+              <th>更新时间</th>
+              <td>{{ exportTemplate.modifyDate }}</td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </el-form>
+    <hiprintDesignDialog v-if="showHiprintDesignDialog" :visiable.sync="showHiprintDesignDialog"
+                         :printJsonStr.sync="exportTemplate.etText"
+                         @confirm="confirmHiprintDesignDialog"></hiprintDesignDialog>
+  </div>
+</template>
+
+<script>
+import hiprintDesignDialog from '@base/components/hiprint/view/design/dialog'
+
+export default {
+  name: 'exportTemplateEdit',
+  props: {
+    _dataId: [String, Number]
+  },
+  components: {
+    hiprintDesignDialog
+  },
+  data() {
+    return {
+      isEdit: false,
+      tabIndex: 'first',
+      dataId: '',
+      exportTemplate: {enabled: true, etType: null},
+      showCodeEditor: false,
+      showHiprintDesignDialog: false,
+      printTypes:[2,3,6,7,8,9]
+    };
+  },
+  computed: {
+    accept() {
+      let etType = this.exportTemplate.etType;
+      if (etType === 4 || etType === 5) {
+        //excel,paf,word
+        return 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,' +
+          'application/pdf,' +
+          'application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+      } else {
+        //excel
+        return 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+      }
+    }
+  },
+  created() {
+    if (this._dataId && !isNaN(this._dataId)) this.dataId = this._dataId;
+  },
+  mounted() {
+    this.getData();
+  },
+  methods: {
+    getData() {
+      if (this.dataId && !isNaN(this.dataId)) {
+        this.isEdit = true;
+        this.$http({
+          url: USER_PREFIX + `/export_template/get`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            this.exportTemplate = res.objx || {};
+            this.showCodeEditor = true;
+          }
+        });
+      } else {
+        this.exportTemplate.etType = 0;
+        this.showCodeEditor = true;
+      }
+    },
+    saveData() {
+      this.$refs.editForm.$baseValidate(valid => {
+        if (valid) {
+          this.$baseConfirm('您确定要保存吗？').then(() => {
+            var url = USER_PREFIX + (this.isEdit ? `/export_template/update` : `/export_template/save`);
+            this.$http({
+              url: url,
+              method: `post`,
+              data: this.exportTemplate,
+              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
+                        }
+                      });
+                    }
+                  }
+                });
+              }
+            });
+          });
+        }
+      });
+    },
+    confirmHiprintDesignDialog(val) {
+      this.$refs.etText.setValue(val);
+    }
+  }
+};
+</script>

package/src/views/support/export_template/list.vue

@@ -0,0 +1,272 @@
+<template>
+  <div id="containt">
+    <el-tabs v-model="activeName" class="tab-box">
+      <el-tab-pane label="常规" name="first">
+        <editView
+          v-if="showEdit"
+          visible-key="showEdit"
+          :_dataId.sync="dataId"
+          :parent-target="_self"
+          @reload="$reloadHandle"
+        ></editView>
+      </el-tab-pane>
+      <el-tab-pane label="列表" name="second">
+        <div class="grid-height">
+          <vxe-grid
+            ref="table-m1"
+            v-bind="vxeOption"
+            @resizable-change="$vxeTableUtil.onColumnWitchChange"
+            @custom="$vxeTableUtil.customHandle"
+          >
+            <template #form>
+              <div class="clearfix screen-btns">
+                <div class="fl">
+                  <vxe-button
+                    status="primary"
+                    class="button-sty"
+                    icon="el-icon-plus"
+                    @click="openEditDialog"
+                    >新增
+                  </vxe-button>
+                  <base-table-export
+                    :option="{ title: '输出模板导出', targetRef: 'table-m1' }"
+                    :parent-target="_self"
+                  />
+                </div>
+                <div class="fr">
+                  <vxe-button
+                    icon="el-icon-brush"
+                    class="button-sty"
+                    @click="resetEvent"
+                    type="text"
+                    status="primary"
+                    plain
+                    >重置
+                  </vxe-button>
+                  <vxe-button
+                    status="warning"
+                    icon="el-icon-search"
+                    class="button-sty"
+                    @click="searchEvent"
+                    >搜索
+                  </vxe-button>
+                </div>
+              </div>
+              <vxe-form
+                ref="form"
+                class="screen-box"
+                title-width="92px"
+                title-align="right"
+                :data="formData"
+                @submit="searchEvent"
+                @reset="searchEvent"
+              >
+                <vxe-form-item title="输出模板编码:" field="etCode">
+                  <template v-slot>
+                    <el-input
+                      v-model="formData.etCode"
+                      size="small"
+                      clearable
+                    />
+                  </template>
+                </vxe-form-item>
+                <vxe-form-item title="输出类型:" field="etType">
+                  <template v-slot>
+                    <el-select v-model="formData.etType" clearable>
+                      <el-option
+                        :value="0"
+                        label="输出excel格式文件，使用excel格式模版"
+                      ></el-option>
+                      <el-option
+                        :value="1"
+                        label="输出pdf格式文件，使用excel格式模版"
+                      ></el-option>
+                      <el-option :value="2" label="菜鸟打印"></el-option>
+                      <el-option :value="3" label="网页打印"></el-option>
+                      <el-option
+                        :value="4"
+                        label="上传存储自定义文件，使用自定义格式模版"
+                      ></el-option>
+                      <el-option
+                        :value="5"
+                        label="输出自定义文件，使用自定义格式模版"
+                      ></el-option>
+                      <el-option :value="6" label="京东打印"></el-option>
+                      <el-option :value="7" label="拼多多打印"></el-option>
+                      <el-option :value="8" label="唯品会打印"></el-option>
+                      <el-option :value="9" label="小红书打印"></el-option>
+                    </el-select>
+                  </template>
+                </vxe-form-item>
+                <vxe-form-item title="组织编码:" field="etCompanyCode">
+                  <template v-slot>
+                    <el-input
+                      v-model="formData.etCompanyCode"
+                      size="small"
+                      clearable
+                    />
+                  </template>
+                </vxe-form-item>
+                <vxe-form-item title="是否启用:" field="enabled">
+                  <template v-slot>
+                    <el-select v-model="formData.enabled" clearable>
+                      <el-option value="true" label="启用"></el-option>
+                      <el-option value="false" label="禁用"></el-option>
+                    </el-select>
+                  </template>
+                </vxe-form-item>
+              </vxe-form>
+            </template>
+          </vxe-grid>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import editView from "./edit.vue";
+
+export default {
+  name: "export_template:list",
+  components: { editView },
+  data() {
+    return {
+      activeName: "second",
+      dataId: 0,
+      showEdit: false,
+      vxeOption: {},
+      formData: {},
+    };
+  },
+  mounted() {
+    this.initTableList();
+  },
+  methods: {
+    searchEvent() {
+      this.$refs["table-m1"].commitProxy("reload");
+    },
+    resetEvent() {
+      this.formData = {};
+      this.$refs["table-m1"].commitProxy("reload");
+    },
+    openEditDialog(id) {
+      this.dataId = !id || typeof id == "object" ? 0 : id;
+      this.activeName = "first";
+      this.$openEditView("showEdit");
+    },
+    initTableList() {
+      let that = this;
+      let etTypeMap = {
+        0: "输出excel格式文件，使用excel格式模版",
+        1: "输出pdf格式文件，使用excel格式模版",
+        2: "菜鸟打印",
+        3: "网页打印",
+        4: "上传存储自定义文件，使用自定义格式模版",
+        5: "输出自定义文件，使用自定义格式模版",
+        6: "京东打印",
+        7: "拼多多打印",
+        8: "唯品会打印",
+        9: "小红书打印"
+      };
+      let tableOption = {
+        vue: this,
+        tableRef: "table-m1",
+        tableName: "user_exportTemplate_list-m2",
+        path: USER_PREFIX + "/export_template/listPage",
+        param: () => {
+          return this.formData;
+        },
+        columns: [
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          {
+            title: "输出模板编码",
+            field: "etCode",
+            width: 150,
+            fixed: "left",
+          },
+          {
+            title: "输出模板名称",
+            field: "etName",
+            width: 150,
+          },
+          {
+            title: "输出类型",
+            field: "etType",
+            width: 250,
+            slots: {
+              default: ({ row }) => {
+                return etTypeMap[row.etType] || "";
+              },
+            },
+          },
+          {
+            field: "enabled",
+            title: "是否启用",
+            width: 150,
+            slots: {
+              default: ({ row }) => {
+                if (row.enabled) {
+                  return [<div class="txt-status">启用</div>];
+                } else {
+                  return [<div class="txt-status s-3">禁用</div>];
+                }
+              },
+            },
+          },
+          {
+            title: "组织编码",
+            field: "etCompanyCode",
+            width: 150,
+          },
+          {
+            title: "备注",
+            field: "remark",
+            width: 150,
+          },
+          {
+            title: "创建时间",
+            field: "createDate",
+            width: 150,
+          },
+          { title: "更新时间", field: "modifyDate", 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.id);
+                      }}
+                    >
+                      <el-tooltip
+                        enterable={false}
+                        effect="dark"
+                        content="查看"
+                        placement="top"
+                        popper-class="tooltip-skin"
+                      >
+                        <i class="el-icon-edit" />
+                      </el-tooltip>
+                    </a>
+                  </div>,
+                ];
+              },
+            },
+          },
+        ],
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.vxeOption = opts;
+      });
+    },
+  },
+};
+</script>

package/src/views/user/access_log/edit.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="detail-wrap">
+    <el-form ref="editForm" :model="userLog">
+      <div class="d-header clearfix">
+        <div class="fl">
+          <i class="el-icon-info"/>
+          {{ dataId ? '查看' : '新增' }}访问统计
+        </div>
+        <div class="fr">
+          <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">重置
+          </el-button>
+        </div>
+      </div>
+      <div class="d-cont">
+        <div class="d-item">
+          <div class="title first"><b>基本信息</b></div>
+          <table class="table-detail">
+            <tbody>
+            <tr>
+              <th>操作类型</th>
+              <td>{{ logTypeMap[userLog.logType] }}</td>
+            </tr>
+            <tr>
+              <th>操作内容</th>
+              <td colspan="7">{{ userLog.content }}</td>
+            </tr>
+            <tr>
+              <th>请求地址</th>
+              <td colspan="7">{{ userLog.path }}</td>
+            </tr>
+            <tr>
+              <th>客户端</th>
+              <td colspan="7">{{ userLog.client }}</td>
+            </tr>
+            <tr>
+              <th>冗余字段1</th>
+              <td>{{ userLog.param1 }}</td>
+              <th>冗余字段2</th>
+              <td>{{ userLog.param2 }}</td>
+            </tr>
+            <tr>
+              <th>操作人</th>
+              <td>{{ userLog.nickName }}</td>
+              <th>请求IP</th>
+              <td>{{ userLog.ip }}</td>
+              <th>服务名</th>
+              <td colspan="3">{{ userLog.serverName }}</td>
+            </tr>
+            <tr>
+              <th>内部信息数据</th>
+              <td colspan="7">{{ userLog.msg }}</td>
+            </tr>
+            <tr>
+              <th>创建人</th>
+              <td>{{ userLog.createBy }}</td>
+              <th>创建时间</th>
+              <td>{{ userLog.createDate }}</td>
+              <th class="no"></th>
+              <td></td>
+              <th class="no"></th>
+              <td></td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'userLogEdit',
+  props: {
+    _dataId: [String, Number]
+  },
+  components: {},
+  data() {
+    return {
+      tabIndex: 0,
+      isEdit: false,
+      dataId: '',
+      userLog: {},
+      logTypeMap: {
+        'login': '登录成功',
+        'loginFailed': '登录失败',
+        'logout': '退出登录',
+        'accessMenu': '访问菜单',
+        'changePassword': '修改密码'
+      }
+    };
+  },
+  created() {
+    if (this._dataId && !isNaN(this._dataId)) this.dataId = this._dataId;
+  },
+  mounted() {
+    this.getData();
+  },
+  methods: {
+    getData() {
+      if (this.dataId && !isNaN(this.dataId)) {
+        this.isEdit = true;
+        this.$commonHttp({
+          url: USER_PREFIX + `/user_log/get`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            this.userLog = res.objx || {};
+          }
+        });
+      }
+    }
+  }
+};
+</script>
+
+<style></style>