update 公共样式、加载效果、$message、api去掉不用的接口

src/api/api.js

@@ -1,230 +1,37 @@
-import { getAction, httpAction, postAction, putAction } from '@/api/manage'
-import Vue from 'vue'
-import { UI_CACHE_DB_DICT_DATA } from '@/store/mutation-types'
+import { getAction, postAction } from '@/api/manage'
 
-// 角色管理
-const addRole = (params) => postAction('/sys/role/add', params)
-const editRole = (params) => postAction('/sys/role/edit', params)
-const checkRoleCode = (params) => getAction('/sys/role/checkRoleCode', params)
-const queryall = (params) => getAction('/sys/role/queryall', params)
-
-// 用户管理
-const addUser = (params) => postAction('/sys/user/add', params)
-const editUser = (params) => postAction('/sys/user/edit', params)
-const queryUserRole = (params) => getAction('/sys/user/queryUserRole', params)
-const getUserList = (params) => getAction('/sys/user/page', params)
-const frozenBatch = (params) => postAction('/sys/user/frozenBatch', params)
-// 验证用户是否存在
-const checkOnlyUser = (params) => getAction('/sys/user/checkOnlyUser', params)
-// 改变密码
-const changePassword = (params) => postAction('/sys/user/changePassword', params)
 // 单点登录获取用户信息
 const getSSOUserInfo = (params) => postAction('/iam/loginByOauth2', params)
 
 // 权限管理
-const addPermission = (params) => postAction('/sys/permission/add', params)
-const editPermission = (params) => postAction('/sys/permission/edit', params)
-const getPermissionList = (params) => getAction('/sys/permission/page', params)
-const getSystemMenuList = (params) => getAction('/sys/permission/getSystemMenuList', params)
-const getSystemSubmenu = (params) => getAction('/sys/permission/getSystemSubmenu', params)
-const getSystemSubmenuBatch = (params) => getAction('/sys/permission/getSystemSubmenuBatch', params)
-const queryTreeList = (params) => getAction('/sys/permission/queryTreeList', params)
-const queryTreeListForRole = (params) => getAction('/sys/role/queryTreeList', params)
-const queryListAsync = (params) => getAction('/sys/permission/queryListAsync', params)
-const queryRolePermission = (params) => getAction('/sys/permission/queryRolePermission', params)
-const saveRolePermission = (params) => postAction('/sys/permission/saveRolePermission', params)
 const queryPermissionsByUser = () => getAction('/sys/permission/getUserPermissionByToken')
-const loadAllRoleIds = (params) => getAction('/sys/permission/loadAllRoleIds', params)
-const getPermissionRuleList = (params) => getAction('/sys/permission/getPermRuleListByPermId', params)
-const queryPermissionRule = (params) => getAction('/sys/permission/queryPermissionRule', params)
 
-// 部门管理
-const queryDepartTreeList = (params) => getAction('/sys/sysDepart/queryTreeList', params)
-const queryDepartTreeSync = (params) => getAction('/sys/sysDepart/queryDepartTreeSync', params)
-const queryIdTree = (params) => getAction('/sys/sysDepart/queryIdTree', params)
-const queryParentName = (params) => getAction('/sys/sysDepart/queryParentName', params)
-const searchByKeywords = (params) => getAction('/sys/sysDepart/searchBy', params)
-const deleteByDepartId = (params) => postAction('/sys/sysDepart/delete', params)
-
-// 二级部门管理
-const queryDepartPermission = (params) => getAction('/sys/permission/queryDepartPermission', params)
-const saveDepartPermission = (params) => postAction('/sys/permission/saveDepartPermission', params)
-const queryTreeListForDeptRole = (params) => getAction('/sys/sysDepartPermission/queryTreeListForDeptRole', params)
-const queryDeptRolePermission = (params) => getAction('/sys/sysDepartPermission/queryDeptRolePermission', params)
-const queryMyDepartTreeList = (params) => getAction('/sys/sysDepart/queryMyDeptTreeList', params)
-
-// 日志管理
-const deleteLog = (params) => postAction('/sys/log/delete', params)
-const deleteLogList = (params) => postAction('/sys/log/deleteBatch', params)
-
-// 数据字典
-const addDict = (params) => postAction('/sys/dict/add', params)
-const editDict = (params) => postAction('/sys/dict/edit', params)
-const treeList = (params) => getAction('/sys/dict/treeList', params)
-const queryDictName = (params) => getAction('/sys/dict/queryDictName', params)
-const addDictItem = (params) => postAction('/sys/dictItem/add', params)
-const editDictItem = (params) => postAction('/sys/dictItem/edit', params)
-// 获得数据字典的树形格式数据
-const getDictTreeList = (params) => getAction('/sys/dictItem/treeList', params)
 // 获取能在form中使用的数据字典树形格式数据
 const getFormDictTreeList = (params) => getAction('/sys/dictItem/treeListOption', params)
-// 通过code值获取字典数据
-const getDictByCode = (params) => getAction('/sys/dictItem/listByCodes', params)
-
 // 字典标签专用（通过code获取字典数组）
 export const ajaxGetDictItems = (code, params) => getAction(`/sys/dict/getDictItems/${code}`, params)
 
-// 从缓存中获取字典配置
-function getDictItemsFromCache (dictCode) {
-  if (Vue.ls.get(UI_CACHE_DB_DICT_DATA) && Vue.ls.get(UI_CACHE_DB_DICT_DATA)[dictCode] && Vue.ls.get(UI_CACHE_DB_DICT_DATA)[dictCode].length > 0) {
-    return Vue.ls.get(UI_CACHE_DB_DICT_DATA)[dictCode]
-  }
-}
-
-// 系统通告
-const doReleaseData = (params) => getAction('/sys/annountCement/doReleaseData', params)
-const doReovkeData = (params) => getAction('/sys/annountCement/doReovkeData', params)
-// 获取系统访问量
-const getLoginfo = (params) => getAction('/sys/loginfo', params)
-const getVisitInfo = (params) => getAction('/sys/visitInfo', params)
-
-// 根据部门主键查询用户信息
-const queryUserByDepId = (params) => getAction('/sys/user/queryUserByDepId', params)
-
 // 重复校验
 const duplicateCheck = (params) => getAction('/sys/duplicate/check', params)
-// 加载分类字典
-const loadCategoryData = (params) => getAction('/sys/category/loadAllData', params)
 const checkRuleByCode = (params) => getAction('/sys/checkRule/checkByCode', params)
-// 加载我的通告信息
-const getUserNoticeInfo = (params) => getAction('/sys/sysAnnouncementSend/getMyAnnouncementSend', params)
-const getTransitURL = url => `/sys/common/transitRESTful?url=${encodeURIComponent(url)}`
-// 中转HTTP请求
-export const transitRESTful = {
-  get: (url, parameter) => getAction(getTransitURL(url), parameter),
-  post: (url, parameter) => postAction(getTransitURL(url), parameter),
-  put: (url, parameter) => putAction(getTransitURL(url), parameter),
-  http: (url, parameter) => httpAction(getTransitURL(url), parameter)
-}
-
-// 标签管理- 展示区域查询接口
-const getShowAreaData = (params) => getAction('/tag/LawsArea/queryShowArea', params)
-// 标签管理-展示区域管理-新增
-const addAreaData = (params) => postAction('/tag/LawsArea/add', params)
-// 标签管理-展示区域管理-编辑
-const editAreaData = (params) => postAction('/tag/LawsArea/edit', params)
-
-// 标签管理- 新增
-const addTag = (params) => postAction('/tag/lawsTag/add', params)
-// 标签管理- 编辑
-const editTag = (params) => postAction('/tag/lawsTag/edit', params)
-// 标签内容管理- 新增
-const addCategoryItem = (params) => postAction('/sys/category/add', params)
-const editCategoryItem = (params) => postAction('/sys/category/edit', params)
 
 // 通过文件的id获取文件的相应信息
 const getFileInfo = (params) => getAction('/sys/oss/file/queryById', params)
 
-// 标准选择框，分页查询标准数据
-const getStandardList = (params) => getAction('/laws/standard/common/getManyStandardSelectionBox', params)
-
-// 内部工作组，左侧树查询
-const getWorkGroupTreeList = (params) => getAction('/sys/lawsWorkingGroup/list', params)
-
-// 企业级别映射管理，获取列表
-const getEnterpriseLevelMapList = (params) => getAction('/sys/lawsGrade/list', params)
-
-// ASMS接口管理-新增
-const addAsmsInterface = (params) => postAction('/docking/asms/api/lawsAsmsOpenApi/add', params)
-// ASMS接口管理-编辑
-const editAsmsInterface = (params) => postAction('/docking/asms/api/lawsAsmsOpenApi/edit', params)
-// ASMS接口管理-查看
-const getAsmsInterfaceById = (params) => getAction('/docking/asms/api/lawsAsmsOpenApi/getInfoById', params)
-// ASMS接口管理-同步
-const syncAsmsInterface = (params) => getAction('/docking/asms/api/lawsAsmsOpenApi/syncBatch', params)
-// ASMS接口管理-删除字典配置项
-const batchDelDictItemAsmsInterface = (params) => getAction('/docking/asms/api/lawsAsmsOpenApi/removeDictItemBatch', params)
+// 标准入库/变更流程------------
+// 国内法规标准-获取表单模型
+const getDomesticStandardFormModal = (params) => getAction('/laws/standard/domestic/getFormModel', params)
+// 获取流程详情数据
+const queryStandardECProcessData = (params) => getAction('/process/fb/processFbEntryChange/queryProcessInfoVO', params)
 
 export {
-  addRole,
-  editRole,
-  checkRoleCode,
-  addUser,
-  editUser,
-  queryUserRole,
-  getUserList,
-  queryall,
-  frozenBatch,
-  checkOnlyUser,
-  changePassword,
-  getPermissionList,
-  addPermission,
-  editPermission,
-  queryTreeList,
-  queryListAsync,
-  queryRolePermission,
-  saveRolePermission,
   queryPermissionsByUser,
-  loadAllRoleIds,
-  getPermissionRuleList,
-  queryPermissionRule,
-  queryDepartTreeList,
-  queryDepartTreeSync,
-  queryIdTree,
-  queryParentName,
-  searchByKeywords,
-  deleteByDepartId,
-  deleteLog,
-  deleteLogList,
-  addDict,
-  editDict,
-  treeList,
-  queryDictName,
-  addDictItem,
-  editDictItem,
-  getDictTreeList,
   getFormDictTreeList,
-  getDictByCode,
-  doReleaseData,
-  doReovkeData,
-  getLoginfo,
-  getVisitInfo,
-  queryUserByDepId,
   duplicateCheck,
-  queryTreeListForRole,
-  getSystemMenuList,
-  getSystemSubmenu,
-  getSystemSubmenuBatch,
-  loadCategoryData,
   checkRuleByCode,
-  queryDepartPermission,
-  saveDepartPermission,
-  queryTreeListForDeptRole,
-  queryDeptRolePermission,
-  queryMyDepartTreeList,
-  getUserNoticeInfo,
-  getDictItemsFromCache,
-
-  getShowAreaData,
-  addAreaData,
-  editAreaData,
   getFileInfo,
-
-  addTag,
-  editTag,
-  addCategoryItem,
-  editCategoryItem,
-
-  getStandardList,
-
-  getWorkGroupTreeList,
-
-  getEnterpriseLevelMapList,
   getSSOUserInfo,
 
-  addAsmsInterface,
-  editAsmsInterface,
-  getAsmsInterfaceById,
-  syncAsmsInterface,
-  batchDelDictItemAsmsInterface
+  getDomesticStandardFormModal,
+  queryStandardECProcessData
 }

src/assets/less/common.less

@@ -73,19 +73,22 @@
   border-color: @primary-color;
 }
 
-/*展开面板样式调整*/
-/deep/ .van-collapse-item__content {
-  padding: 0;
+/*表单card*/
+.process-part {
+  background-color: #FFFFFF;
+  margin-bottom: 0.16rem;
+  padding-top: 0.3rem;
+
+  &-title {
+    font-size: 0.34rem;
+    font-weight: 600;
+    line-height: 0.4rem;
+    margin: 0 0.32rem 0.24rem;
+  }
 }
 
-/deep/ .van-collapse-item__title > .van-cell__title {
-  font-size: 0.34rem;
-  font-weight: 600;
-  color: rgba(29, 33, 41, 0.9);
-}
-
-/deep/ .van-collapse-item__title:after {
-  border: none;
+.process-part:last-child {
+  margin-bottom: 0;
 }
 
 /*表单样式调整*/
@@ -97,4 +100,30 @@
 /deep/ .van-field__control {
   color: @font-color;
   font-size: 0.28rem;
+}
+
+/deep/ .van-form > .van-cell {
+  padding: 0.2rem 0.32rem;
+}
+
+/deep/ .vertical-form-item {
+  flex-direction: column;
+
+  .van-field__value {
+    margin-top: 0.24rem;
+    border: 0.02rem solid #C9CDD4;
+    border-radius: 0.04rem;
+
+    .van-field__control {
+      background: #F2F3F5;
+      padding: 0.24rem;
+      box-sizing: border-box;
+    }
+
+    .van-field__control:disabled {
+      background: #F2F3F5;
+      color: #888888;
+      -webkit-text-fill-color: #888888;
+    }
+  }
 }

src/common/lang/zh-cn.js

@@ -17,7 +17,6 @@ module.exports = {
   processExplain: '流程说明',
   pleaseSelect: '请选择',
   pleaseEnter: '请输入',
-  // toPc: '请前往PC端进行操作',
   basicInfo: '基础信息',
   personalInfo: '人员信息',
   turnTo: '转办',

src/components/ProcessCommonLayout.vue

@@ -1,5 +1,8 @@
 <template>
   <div>
+    <van-overlay :show="loading">
+      <van-loading />
+    </van-overlay>
     <div class="header-switch">
       <!--基础信息-->
       <div class="header-switch-item header-switch-left"
@@ -31,6 +34,14 @@
 <script>
 export default {
   name: 'ProcessCommonLayout',
+  props: {
+    // 加载效果
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
   data () {
     return {
       activeTab: 'basic'
@@ -95,4 +106,11 @@ export default {
   align-items: center;
   justify-content: center;
 }
+
+.van-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.3);
+}
 </style>

src/main.js

@@ -4,7 +4,7 @@ import router from './router'
 import store from './store'
 import Storage from 'vue-ls'
 
-import Vant from 'vant'
+import Vant, { Toast } from 'vant'
 import 'vant/lib/index.css'
 import 'vant/lib/index.less'
 
@@ -13,10 +13,12 @@ import LangENUS from './common/lang/en-us'
 import LangZHCN from './common/lang/zh-cn'
 import { ACCESS_TOKEN, USER_INFO } from '@/store/mutation-types'
 import './permission'
+
 Vue.config.productionTip = false
 
 Vue.use(Vant)
 Vue.use(VueI18n)
+Vue.prototype.$message = Toast
 
 const i18n = new VueI18n({
   locale: 'zh-CN',

src/views/standardEntryOrChangeProcess/StandardEntryOrChangeProcess.vue

@@ -1,7 +1,39 @@
 <template>
-  <process-common-layout class="page-box">
+  <process-common-layout class="page-box" :loading="loading">
     <template v-slot:process>
-      <div></div>
+      <!--流程信息-->
+      <div class="process-part">
+        <div class="process-part-title">{{ $t('processInformation') }}</div>
+        <van-form input-align="right">
+          <!--流程名称-->
+          <van-field v-model="processInfo.processName"
+                     :label="$t('processName')"
+                     type="textarea"
+                     autosize
+                     readonly
+                     rows="1"
+                     :border="false" />
+          <!--截止日期-->
+          <van-field v-model="processInfo.processDueDate"
+                     :label="$t('expirationDate')"
+                     type="textarea"
+                     autosize
+                     readonly
+                     rows="1"
+                     :border="false" />
+          <!--流程说明-->
+          <van-field v-model="processInfo.processDescription"
+                     :label="$t('processExplain')"
+                     type="textarea"
+                     autosize
+                     disabled
+                     rows="1"
+                     :border="false"
+                     input-align="left"
+                     class="vertical-form-item">
+          </van-field>
+        </van-form>
+      </div>
     </template>
 
     <template v-slot:operation>
@@ -14,10 +46,42 @@
 
 <script>
 import ProcessCommonLayout from '../../components/ProcessCommonLayout'
+import { queryStandardECProcessData } from '../../api/api'
 
 export default {
   name: 'StandardEntryOrChangeProcess',
-  components: { ProcessCommonLayout }
+  components: { ProcessCommonLayout },
+  data () {
+    return {
+      loading: false,
+      processInfo: {}, // 流程信息数据
+      businessId: null,
+      formInline: {} // 业务信息表单数据
+    }
+  },
+  created () {
+    this.initProcessData()
+  },
+  methods: {
+    /**
+     * 获取流程数据
+     */
+    initProcessData () {
+      this.loading = true
+      const { processInstanceId, taskId } = this.$route.query
+      queryStandardECProcessData({ processInstanceId, taskId }).then(res => {
+        if (res.success) {
+          const { result = {} } = res
+          const businessData = { ...result.businessInfoDTO.businessMap }
+          this.formInline.source = businessData.source
+        } else {
+          this.$message(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    }
+  }
 }
 </script>