cloud-web-corejs 1.0.54-dev.80 → 1.0.54-dev.801

package/src/views/user/notify_template/list2.vue

@@ -0,0 +1,190 @@
+<template>
+  <div id="containt">
+    <el-tabs v-model="activeName" class="tab-box">
+      <el-tab-pane :label="$t1('常规')" 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="$t1('列表')" 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">
+                    {{ $t1('新增') }}
+                  </vxe-button>
+                  <base-table-export :option="{ title: $t1('邮件模板导出'), 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>{{ $t1('刷新') }}
+                  </vxe-button>
+                  <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
+                    {{ $t1('搜索') }}
+                  </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="$t1('邮件模板编码')+':'" field="ntCode">
+                  <template v-slot>
+                    <el-input v-model="formData.notifyType" size="small" clearable/>
+                  </template>
+                </vxe-form-item>
+                <vxe-form-item :title="$t1('主题')+':'" field="ntName">
+                  <template v-slot>
+                    <el-input v-model="formData.ntName" size="small" clearable/>
+                  </template>
+                </vxe-form-item>
+                <vxe-form-item :title="$t1('是否启用')+':'">
+                  <template v-slot>
+                    <el-select v-model="formData.enabled" clearable>
+                      <el-option :value="true" :label="$t1('启用')"></el-option>
+                      <el-option :value="false" :label="$t1('禁用')"></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 './edit2.vue';
+
+export default {
+  name: 'notify_template:list2',
+  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 tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'basic_notifyTemplate_list-m2',
+        path: USER_PREFIX + '/notify_template/listPage',
+        param: () => {
+          return {
+            ...this.formData,
+            ntType: 1
+          };
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: this.$t1('邮件模板编码'),
+            field: 'notifyType',
+            width: 250,
+            fixed: 'left'
+          },
+          {
+            title: this.$t1('主题'),
+            field: 'ntName',
+            width: 150
+          },
+          {
+            title: this.$t1('是否启用'),
+            field: 'enabled',
+            width: 150,
+            slots: {
+              default: ({row}) => {
+                if (row.enabled) {
+                  return [
+                    <div class="txt-status">
+                      <span>{this.$t1('启用')}</span>
+                    </div>
+                  ];
+                } else {
+                  return [
+                    <div class="txt-status disable">
+                      <span>{this.$t1('禁用')}</span>
+                    </div>
+                  ];
+                }
+              }
+            }
+          },
+          {title: this.$t1('备注'), field: 'remark', width: 150},
+          {
+            title: this.$t1('创建时间'),
+            field: 'createDate',
+            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={this.$t1('查看')} placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-edit"/>
+                      </el-tooltip>
+                    </a>
+                  </div>
+                ];
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.vxeOption = opts;
+      });
+    },
+    importExcel() {
+      let that = this;
+      that.$excelImport({
+        prefix: USER_PREFIX,
+        excel: USER_PREFIX + '/excelTemplate/notify_template/notifyTemplate.xlsx',
+        multi: false,
+        saveUrl: USER_PREFIX + '/notify_template/save',
+        callback: () => {
+          that.searchEvent();
+        }
+      });
+    }
+  }
+};
+</script>

package/src/views/user/oplog/list.vue

@@ -17,7 +17,7 @@
                 </div>
                 <div class="fr">
                   <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
-                              plain>{{ $t1('重置') }}
+                              plain>{{ $t1('刷新') }}
                   </vxe-button>
                   <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
                     {{ $t1('搜索') }}

package/src/views/user/outLink/cc_form_view.vue

@@ -0,0 +1,188 @@
+<template>
+  <div
+    class="cc-entry"
+    v-loading="loading"
+    :element-loading-text="loadingText"
+    element-loading-background="rgba(255, 255, 255, 0.9)"
+  >
+    <div class="cc-entry__box" v-if="errMsg">
+      <el-alert :title="errMsg" type="error" :closable="false" show-icon />
+      <div class="cc-entry__footer">
+        <el-button type="primary" size="small" @click="start">重试</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * 呼叫中心(CC)业务专用外链入口。
+ *
+ * 背景：业务系统(呼叫中心)只会带 appid / appkey / account / callNo 四个参数跳过来，
+ * 拿不到 form_outLinkView 所需的 tp（用户身份密文）。本页在 form_outLinkView 之前加一层：
+ *   1. 取四个参数
+ *   2. 调后台接口换取 tp
+ *   3. replace 到 /form_outLinkView，formCode 写死、dataId 固定 0
+ *
+ * 入口地址示例：
+ *   https://csmuat.chinamacro.com/#/cc_form_outLinkView
+ *     ?appid=6789B4BBAF71D4F9D79E0912856E04E
+ *     &appkey=坐席id
+ *     &account=坐席帐号
+ *     &callNo=来电手机
+ *
+ * 最终跳转：
+ *   #/form_outLinkView?url=/user/form/view/edit&formCode=xxx&dataId=0&tp=xxx&callNo=xxx...
+ */
+
+/* ------------------------------------------------------------------ *
+ * 业务定制配置：换业务页面只改这里
+ * ------------------------------------------------------------------ */
+const CC_CONFIG = {
+  // 固定的表单视图路由，form_outLinkView 的 url 参数
+  formUrl: "/user/form/view/edit",
+  // 写死的表单编码（按实际业务表单调整）
+  formCode: "patentApply_edit",
+  // 写死的单据 ID，新建为 0
+  dataId: "0",
+};
+
+/** 透传给业务表单的参数（form_outLinkView 会 v-bind 到目标组件上） */
+const PASS_THROUGH = ["callNo", "account", "agentId"];
+
+export default {
+  name: "ccFormOutLinkView",
+  data() {
+    return {
+      loading: false,
+      loadingText: "正在获取身份信息…",
+      errMsg: "",
+    };
+  },
+  created() {
+    this.start();
+  },
+  methods: {
+    /** 大小写不敏感地取 query，业务系统对参数大小写不一定稳定 */
+    pickQuery(...names) {
+      let query = this.$route.query || {};
+      let keys = Object.keys(query);
+      for (let name of names) {
+        let key = keys.find((k) => k.toLowerCase() === name.toLowerCase());
+        if (
+          key &&
+          query[key] !== "" &&
+          query[key] !== undefined &&
+          query[key] !== null
+        ) {
+          return query[key];
+        }
+      }
+      return "";
+    },
+    resolveParams() {
+      return {
+        appid: this.pickQuery("appid"),
+        appkey: this.pickQuery("appkey"),
+        account: this.pickQuery("account"),
+        callNo: this.pickQuery("callNo"),
+      };
+    },
+    start() {
+      this.errMsg = "";
+      let params = this.resolveParams();
+      let missing = ["appkey", "account"].filter((key) => !params[key]);
+      if (missing.length) {
+        this.errMsg =
+          "缺少必要参数：" + missing.join("、") + "，请检查呼叫中心跳转链接";
+        return;
+      }
+      this.getToken(params);
+    },
+    getToken(params) {
+      this.loading = true;
+      this.$http({
+        url: USER_PREFIX + "/auth/login",
+        method: "post",
+        data: {
+          custom: "true",
+          loginFlag: 1,
+          appkey: params.appkey,
+          account: params.account,
+        },
+        // 无 token 场景，且自行接管提示与遮罩
+        useToken: false,
+        isLoading: false,
+        failMsg: false,
+        errorMsg: false,
+        success: (res) => {
+          let token = res.objx;
+          if (!token) {
+            this.loading = false;
+            this.errMsg = "身份信息(token)获取失败：接口未返回 token";
+            return;
+          }
+          this.redirect(params, token);
+        },
+        fail: (res) => {
+          this.loading = false;
+          this.errMsg =
+            "身份信息(token)获取失败：" +
+            ((res && (res.content || res.msg)) || "接口返回异常");
+        },
+        error: (err) => {
+          this.loading = false;
+          this.errMsg =
+            "身份信息(token)获取失败：" + ((err && err.message) || "网络异常");
+        },
+      });
+    },
+    redirect(params, token) {
+      this.loadingText = "正在打开单据…";
+      let query = {
+        url: CC_CONFIG.formUrl,
+        formCode: CC_CONFIG.formCode,
+        dataId: CC_CONFIG.dataId,
+        access_token: token,
+      };
+      // 来电号码等业务参数透传给表单，供表单脚本取用
+      let source = { ...params, agentId: params.appkey };
+      PASS_THROUGH.forEach((key) => {
+        if (source[key]) {
+          query[key] = source[key];
+        }
+      });
+      let i18nLang = this.pickQuery("i18nLang");
+      if (i18nLang) {
+        query.i18nLang = i18nLang;
+      }
+      // replace：不在历史里留下本入口页，避免回退时重复换取 tp
+      // 注：vue-router 3.0.2 的 replace 不返回 Promise，不能链 .then/.catch
+      this.$router.replace({
+        path: "/form_outLinkView",
+        query: query,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.cc-entry {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100vh;
+}
+
+.cc-entry__box {
+  width: 420px;
+  max-width: 80%;
+}
+
+.cc-entry__footer {
+  margin-top: 12px;
+  text-align: center;
+}
+</style>