cloud-web-corejs 1.0.28 → 1.0.29

package/src/views/bd/setting/form_template/edit.vue

@@ -1,329 +1,183 @@
-<template>
-  <div class="detail-wrap">
-    <el-form ref="editForm" :model="formTemplate">
-      <div class="d-header clearfix">
-        <div class="fl">
-          <i class="el-icon-info"/>
-          {{ dataId ? $t1('查看') : $t1('新增') }} 表单模板
-        </div>
-        <div class="fr">
-          <el-button type="success" class="button-sty" @click="openDesignDialog"
-                     icon="iconfont icon-liuchengguanli-shejiqi_liucheng" v-if="!!dataId">表单设计
-          </el-button>
-          <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">
-            {{ $t1('重置') }}
-          </el-button>
-          <el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData" v-if="isDev">
-            {{ $t1('保存') }}
-          </el-button>
-        </div>
-      </div>
-      <baseTabs>
-        <baseTabPane :label="$t1('基本信息')">
-          <template #default>
-            <table class="table-detail">
-              <tbody>
-              <tr>
-                <th>
-                  <em class="f-red">*</em>
-                  模板名称
-                </th>
-                <td colspan="3">
-                  <el-form-item prop="formName" :rules="[{ required: true, trigger: 'blur' }]">
-                    <el-input type="text" autocomplete="off" v-model="formTemplate.formName" clearable/>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <th>模板编码</th>
-                <td colspan="3">
-                  <el-form-item prop="formCode" :rules="[{ required: true, trigger: 'blur' }]" v-if="!formTemplate.id">
-                    <el-input type="text" autocomplete="off" v-model="formTemplate.formCode" clearable/>
-                  </el-form-item>
-                  <template v-else>
-                    {{ formTemplate.formCode }}
-                  </template>
-                </td>
-              </tr>
-              <tr>
-                <!--              <th>-->
-                <!--                <em class="f-red">*</em>-->
-                <!--                服务名-->
-                <!--              </th>-->
-                <!--              <td>-->
-                <!--                <el-form-item prop="serviceId" :rules="[{ required: true, trigger: 'blur' }]">-->
-                <!--                  <el-select v-model="formTemplate.serviceId">-->
-                <!--                    <el-option v-for="serviceId in serviceIds" :value="serviceId">{{ serviceId }}</el-option>-->
-                <!--                  </el-select>-->
-                <!--                </el-form-item>-->
-                <!--              </td>-->
-                <th>是否启用</th>
-                <td>
-                  <el-form-item prop="enabled" :rules="[{ required: false, trigger: 'blur' }]">
-                    <el-radio-group v-model="formTemplate.enabled">
-                      <el-radio :label="true">启用</el-radio>
-                      <el-radio :label="false">禁用</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <th>
-                  <em class="f-red">*</em>
-                  表单分类
-                </th>
-                <td colspan="5">
-                  <el-form-item prop="menuKindName" :rules="[{ required:true, trigger: ['blur', 'change'] }]">
-                    <el-input
-                      class="search-input"
-                      max="200"
-                      v-model="formTemplate.menuKindName"
-                      @clear="
-                        formTemplate.menuKindCode = '';
-                        $forceUpdate();
-                      "
-                      v-el-readonly
-                      clearable
-                    >
-                      <i slot="suffix" class="el-input__icon el-icon-search" @click="showMenuKindDialog = true"></i>
-                    </el-input>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <th>{{ $t1('备注') }}</th>
-                <td colspan="5">
-                  <el-input type="textarea" :rows="2" :placeholder="$t1('请输入内容')" size="small"
-                            v-model="formTemplate.remark"
-                            clearable></el-input>
-                </td>
-              </tr>
-              <tr>
-                <th>
-                  <em class="f-red">*</em>
-                  模板版本
-                </th>
-                <td>{{ formTemplate.formVersion }}</td>
-                <th>是否历史版本</th>
-                <td>{{ formTemplate.history ? '是' : '否' }}</td>
-              </tr>
-              <tr>
-                <th>
-                  项目标签
-                </th>
-                <td colspan="7">
-                  <projectTagView v-model="formTemplate.formTemplateTagDTOs" :readonly="true"></projectTagView>
-                </td>
-              </tr>
-              <tr>
-                <th>{{ $t1('创建人') }}</th>
-                <td>{{ formTemplate.createBy }}</td>
-                <th>{{ $t1('创建时间') }}</th>
-                <td>{{ formTemplate.createDate }}</td>
-                <th>{{ $t1('更新人') }}</th>
-                <td>{{ formTemplate.modifyBy }}</td>
-                <th>{{ $t1('更新时间') }}</th>
-                <td>{{ formTemplate.modifyDate }}</td>
-              </tr>
-              <tr>
-                <th><span class="tips">URL说明</span></th>
-                <td colspan="7">
-                <span class="fl tips">
-                  <div> 一、表单模板嵌入第三方系统URL配置</div>
-                  <div style="padding-left: 20px">
-                    <p> 1、列表URL:   /#/form_outLinkView?url=/user/form/view/list&formCode=xx&tp=&i18nLang=&access_token=xx</p>
-                    <p> 2、详情URL:   /#/form_outLinkView?url=/user/form/view/edit&formCode=xx&dataId=1&tp=&i18nLang=&access_token=xx</p>
-                  </div>
-                  <div> 二、表单模板嵌入本地系统菜单URL配置</div>
-                  <div style="padding-left: 20px">
-                    <p> 1、菜单URL:   /user/form/view/list/xxx；xx为表单模板编码；菜单类型：动态表单</p>
-                  </div>
-                  <div> 三、参数说明：</div>
-                  <div style="padding-left: 20px">
-                    <p>1、url:详情页面固定为/user/form/view/edit，列表页面固定为/user/form/view/list；</p>
-                    <p>2、formCode:表单编码；</p>
-                    <p>3、dataId：单据ID,详情页面才需要传；</p>
-                    <p>4、i18nLang：国际化编码，不传默认中文；</p>
-                    <p>5、tp:第三方登录秘钥；</p>
-                    <p>6、access_token：用户信息token；</p>
-                    <p>7、tp与access_token只需要传其中一个即可；</p>
-                  </div>
-                </span>
-                </td>
-              </tr>
-              </tbody>
-            </table>
-          </template>
-        </baseTabPane>
-        <baseTabPane label="操作日志">
-          <template #default>
-            <formOplogTable :parent-target="_self" ref="oplogTable"></formOplogTable>
-          </template>
-        </baseTabPane>
-      </baseTabs>
-    </el-form>
-    <MenuKindDialog v-if="showMenuKindDialog"
-                    :visiable.sync="showMenuKindDialog"
-                    @confirm="confirmInsertMenuKind"
-                    :param="{ taType: 0 }"
-                    :multi="false"
-    />
-    <preformDialog v-if="showPreformDialog" :visiable.sync="showPreformDialog"
-                   @confirm="confirmPreformDialog"></preformDialog>
-  </div>
-</template>
-
-<script>
-import MenuKindDialog from "../../../../views/bd/setting/menu_kind/dialog";
-import {getBdFlag} from "@base/api/user";
-import projectTagView from "@base/components/projectTag/view.vue";
-import preformDialog from "@base/views/bd/setting/form_template/preformDialog.vue";
-import formOplogTable from "@base/components/formOplog/index.vue";
-
-
-export default {
-  name: 'bd_form_templateEdit',
-  props: {
-    _dataId: [String, Number],
-    currentFormType: Object
-  },
-  components: {
-    projectTagView,
-    MenuKindDialog,
-    preformDialog,
-    formOplogTable
-  },
-  data() {
-    return {
-      isEdit: false,
-      tabIndex: 'first',
-      dataId: '',
-      formTemplate: {
-        enabled: true,
-        history: false,
-        serviceId: 'user',
-        formTypeCode: null,
-        menuKindName: null,
-        menuKindCode: null,
-        formTemplateTagDTOs: []
-      },
-      isInited: false,
-      serviceIds: ['user'],
-      showMenuKindDialog: false,
-      isDev: true,
-      showPreformDialog: false
-    };
-  },
-  created() {
-    if (this._dataId) {
-      this.dataId = this._dataId;
-    } else {
-      this.formTemplate.menuKindName = this.currentFormType?.name || null;
-      this.formTemplate.menuKindCode = this.currentFormType?.menuKindCode || null;
-    }
-  },
-  mounted() {
-    this.getBdEnv();
-    this.getData();
-  },
-  methods: {
-    getData() {
-      if (this.dataId) {
-        this.isEdit = true;
-        this.$commonHttp({
-          url: USER_PREFIX + `/formTemplate/getByFormCode`,
-          method: `post`,
-          data: {
-            stringOne: this.dataId
-          },
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            this.formTemplate = res.objx || {};
-            this.$nextTick(() => {
-              this.isInited = true;
-            });
-            //获取操作日志数据
-            this.$refs['oplogTable'].initData({
-              param: () => {
-                return {
-                  logType: "FormTemplate",
-                  logObjCode: this.formTemplate.formCode
-                };
-              }
-            });
-          }
-        });
-      } else {
-        this.isInited = true;
-      }
-    },
-    saveData() {
-      this.$refs.editForm.$baseValidate(valid => {
-        if (valid) {
-          this.openPreformDialog();
-        }
-      });
-    },
-    saveDataHandle(preformData) {
-      var url = USER_PREFIX + (this.isEdit ? `/formTemplate/update` : `/formTemplate/save`);
-      let formData = {
-        ...this.formTemplate,
-        logContent: preformData.logContent
-      };
-      this.$http({
-        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: this.formTemplate.formCode
-                  }
-                });
-              }
-            }
-          });
-        }
-      });
-    },
-    openPreformDialog() {
-      this.showPreformDialog = true;
-    },
-    confirmPreformDialog(preformData) {
-      this.saveDataHandle(preformData);
-    },
-    confirmInsertMenuKind(rows) {
-      if (rows.length > 0) {
-        let row = rows[0];
-        this.$set(this.formTemplate, 'menuKindCode', row.menuKindCode);
-        this.$set(this.formTemplate, 'menuKindName', row.name);
-      }
-    },
-    getBdEnv() {
-      getBdFlag({
-        success: res => {
-          this.isDev = res.objx == 1
-        }
-      });
-    },
-    openDesignDialog() {
-      this.$emit('openDesignDialog', {
-        row: this.formTemplate,
-        callback: () => {
-          this.$baseReload()
-        }
-      })
-    }
-  }
-};
-</script>
+<template>
+  <div class="detail-wrap">
+    <el-form ref="editForm" :model="formTemplate">
+      <div class="d-header clearfix">
+        <div class="fl">
+          <i class="el-icon-info"/>
+          {{ dataId ? $t1('查看表单模板') : $t1('新增表单模板') }}
+        </div>
+        <div class="fr">
+          <el-button type="success" class="button-sty" @click="openDesignDialog"
+                     icon="iconfont icon-liuchengguanli-shejiqi_liucheng" v-if="!!dataId">表单设计
+          </el-button>
+          <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">
+            {{ $t1('重置') }}
+          </el-button>
+          <el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData" v-if="isDev">
+            {{ $t1('保存') }}
+          </el-button>
+        </div>
+      </div>
+      <baseTabs>
+        <baseTabPane :label="$t1('基本信息')">
+          <template #default>
+            <table class="table-detail">
+              <tbody>
+              <tr>
+                <th>
+                  <em class="f-red">*</em>
+                  模板名称
+                </th>
+                <td colspan="3">
+                  <el-form-item prop="formName" :rules="[{ required: true, trigger: 'blur' }]">
+                    <el-input type="text" autocomplete="off" v-model="formTemplate.formName" clearable/>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th>模板编码</th>
+                <td colspan="3">
+                  <el-form-item prop="formCode" :rules="[{ required: true, trigger: 'blur' }]" v-if="!formTemplate.id">
+                    <el-input type="text" autocomplete="off" v-model="formTemplate.formCode" clearable/>
+                  </el-form-item>
+                  <template v-else>
+                    {{ formTemplate.formCode }}
+                  </template>
+                </td>
+              </tr>
+              <tr>
+                <!--              <th>-->
+                <!--                <em class="f-red">*</em>-->
+                <!--                服务名-->
+                <!--              </th>-->
+                <!--              <td>-->
+                <!--                <el-form-item prop="serviceId" :rules="[{ required: true, trigger: 'blur' }]">-->
+                <!--                  <el-select v-model="formTemplate.serviceId">-->
+                <!--                    <el-option v-for="serviceId in serviceIds" :value="serviceId">{{ serviceId }}</el-option>-->
+                <!--                  </el-select>-->
+                <!--                </el-form-item>-->
+                <!--              </td>-->
+                <th>是否启用</th>
+                <td>
+                  <el-form-item prop="enabled" :rules="[{ required: false, trigger: 'blur' }]">
+                    <el-radio-group v-model="formTemplate.enabled">
+                      <el-radio :label="true">启用</el-radio>
+                      <el-radio :label="false">禁用</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <em class="f-red">*</em>
+                  表单分类
+                </th>
+                <td colspan="5">
+                  <el-form-item prop="menuKindName" :rules="[{ required:true, trigger: ['blur', 'change'] }]">
+                    <el-input
+                      class="search-input"
+                      max="200"
+                      v-model="formTemplate.menuKindName"
+                      @clear="
+                        formTemplate.menuKindCode = '';
+                        $forceUpdate();
+                      "
+                      v-el-readonly
+                      clearable
+                    >
+                      <i slot="suffix" class="el-input__icon el-icon-search" @click="showMenuKindDialog = true"></i>
+                    </el-input>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th>{{ $t1('备注') }}</th>
+                <td colspan="5">
+                  <el-input type="textarea" :rows="2" :placeholder="$t1('请输入内容')" size="small"
+                            v-model="formTemplate.remark"
+                            clearable></el-input>
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <em class="f-red">*</em>
+                  模板版本
+                </th>
+                <td>{{ formTemplate.formVersion }}</td>
+                <th>是否历史版本</th>
+                <td>{{ formTemplate.history ? '是' : '否' }}</td>
+              </tr>
+              <tr>
+                <th>
+                  项目标签
+                </th>
+                <td colspan="7">
+                  <projectTagView v-model="formTemplate.formTemplateTagDTOs" :readonly="true"></projectTagView>
+                </td>
+              </tr>
+              <tr>
+                <th>{{ $t1('创建人') }}</th>
+                <td>{{ formTemplate.createBy }}</td>
+                <th>{{ $t1('创建时间') }}</th>
+                <td>{{ formTemplate.createDate }}</td>
+                <th>{{ $t1('更新人') }}</th>
+                <td>{{ formTemplate.modifyBy }}</td>
+                <th>{{ $t1('更新时间') }}</th>
+                <td>{{ formTemplate.modifyDate }}</td>
+              </tr>
+              <tr>
+                <th><span class="tips">URL说明</span></th>
+                <td colspan="7">
+                <span class="fl tips">
+                  <div> 一、表单模板嵌入第三方系统URL配置</div>
+                  <div style="padding-left: 20px">
+                    <p> 1、列表URL:   /#/form_outLinkView?url=/user/form/view/list&formCode=xx&tp=&i18nLang=&access_token=xx</p>
+                    <p> 2、详情URL:   /#/form_outLinkView?url=/user/form/view/edit&formCode=xx&dataId=1&tp=&i18nLang=&access_token=xx</p>
+                  </div>
+                  <div> 二、表单模板嵌入本地系统菜单URL配置</div>
+                  <div style="padding-left: 20px">
+                    <p> 1、菜单URL:   /user/form/view/list/xxx；xx为表单模板编码；菜单类型：动态表单</p>
+                  </div>
+                  <div> 三、参数说明：</div>
+                  <div style="padding-left: 20px">
+                    <p>1、url:详情页面固定为/user/form/view/edit，列表页面固定为/user/form/view/list；</p>
+                    <p>2、formCode:表单编码；</p>
+                    <p>3、dataId：单据ID,详情页面才需要传；</p>
+                    <p>4、i18nLang：国际化编码，不传默认中文；</p>
+                    <p>5、tp:第三方登录秘钥；</p>
+                    <p>6、access_token：用户信息token；</p>
+                    <p>7、tp与access_token只需要传其中一个即可；</p>
+                  </div>
+                </span>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+          </template>
+        </baseTabPane>
+        <baseTabPane label="操作日志">
+          <template #default>
+            <formOplogTable :parent-target="_self" ref="oplogTable"></formOplogTable>
+          </template>
+        </baseTabPane>
+      </baseTabs>
+    </el-form>
+    <MenuKindDialog v-if="showMenuKindDialog"
+                    :visiable.sync="showMenuKindDialog"
+                    @confirm="confirmInsertMenuKind"
+                    :param="{ taType: 0 }"
+                    :multi="false"
+    />
+    <preformDialog v-if="showPreformDialog" :visiable.sync="showPreformDialog"
+                   @confirm="confirmPreformDialog"></preformDialog>
+  </div>
+</template>
+
+<script>
+import mixin from "./mixins/edit";
+
+export default {
+  name: 'bd_form_templateEdit',
+  mixins: [mixin]
+}
+</script>