暂存

src/HManagement/salesForecastTemplate/index copy.vue

@@ -0,0 +1,64 @@
+<template>
+  <div>
+    <add v-if="tool.checkAuth($route.name,'insert')" @onSuccess="onSuccess"></add>
+    <tepList ref="teplist" @tableRowClick="tableRowClick">
+      <template v-slot:edit="scope">
+        <edit  v-if="tool.checkAuth($route.name,'update')" :data="scope.data" @onSuccess="onSuccess"></edit>
+      </template>
+      <template v-slot:del="scope">
+        <ondel v-if="tool.checkAuth($route.name,'delete')" :data="scope.data" @onSuccess="onSuccess"></ondel>
+      </template>
+      <template v-slot:release="scope">
+        <release v-if="tool.checkAuth($route.name,'update')" :data="scope.data" @onSuccess="onSuccess"></release>
+      </template>
+      <template v-slot:finish="scope">
+        <finish v-if="tool.checkAuth($route.name,'update')" :data="scope.data" @onSuccess="onSuccess"></finish>
+      </template>
+    </tepList>
+    <forecastList ref="forecast">
+      <template v-slot:detail="scope">
+        <el-button type="text" size="small" @click="$router.push({path:'/salesForecastDetail',query:{id:scope.data.sa_salesforecastbillid,modelid:sa_salesforecastmodelid}})">详 情</el-button>
+      </template>
+    </forecastList>
+  </div>
+</template>
+
+<script>
+import tepList from './modules/templateList.vue'
+import forecastList from './modules/forecastList.vue'
+
+import add from './modules/add.vue'
+import edit from './modules/edit.vue'
+import ondel from './modules/del.vue'
+import release from './modules/release.vue'
+import finish from './modules/finish.vue'
+
+export default {
+  components:{
+    tepList,
+    add,
+    edit,
+    ondel,
+    release,
+    finish,
+    forecastList
+  },
+  data () {
+    return {
+      sa_salesforecastmodelid:''
+    }
+  },
+  methods:{
+    onSuccess(){
+      this.$refs['teplist'].listData()
+    },
+    tableRowClick (row) {
+      this.sa_salesforecastmodelid = row.sa_salesforecastmodelid
+      this.$refs['forecast'].listData(row.sa_salesforecastmodelid,1)
+    },
+  }
+}
+
+</script>
+<style>
+</style>

src/HManagement/salesForecastTemplate/index.vue

@@ -1,61 +1,45 @@
+
 <template>
   <div>
-    <add v-if="tool.checkAuth($route.name,'insert')" @onSuccess="onSuccess"></add>
-    <tepList ref="teplist" @tableRowClick="tableRowClick">
-      <template v-slot:edit="scope">
-        <edit  v-if="tool.checkAuth($route.name,'update')" :data="scope.data" @onSuccess="onSuccess"></edit>
-      </template>
-      <template v-slot:del="scope">
-        <ondel v-if="tool.checkAuth($route.name,'delete')" :data="scope.data" @onSuccess="onSuccess"></ondel>
-      </template>
-      <template v-slot:release="scope">
-        <release v-if="tool.checkAuth($route.name,'update')" :data="scope.data" @onSuccess="onSuccess"></release>
-      </template>
-      <template v-slot:finish="scope">
-        <finish v-if="tool.checkAuth($route.name,'update')" :data="scope.data" @onSuccess="onSuccess"></finish>
+    <basicLayout 
+      ref="basicLayout" 
+      :oldFormPath="{
+        add:'HManagement/salesForecastTemplate/modules'
+      }"
+      tableName="templateTable" 
+      idName="sa_salesforecastmodelid" 
+      :apiId="{query:20220906150203,del:20220906150603}"
+      :options="options"
+      :detailPath="{
+        path:'/salesForecastDetail'
+      }">
+      <div slot="custom"></div>
+      <template v-slot:tbList="scope">
+        <div>
+          {{scope.data.column.data[[scope.data.column.columnname]]}}
+        </div>
       </template>
-    </tepList>
-    <forecastList ref="forecast">
-      <template v-slot:detail="scope">
-        <el-button type="text" size="small" @click="$router.push({path:'/salesForecastDetail',query:{id:scope.data.sa_salesforecastbillid,modelid:sa_salesforecastmodelid}})">详 情</el-button>
-      </template>
-    </forecastList>
+    </basicLayout>
   </div>
 </template>
 
 <script>
-import tepList from './modules/templateList.vue'
-import forecastList from './modules/forecastList.vue'
-
-import add from './modules/add.vue'
-import edit from './modules/edit.vue'
-import ondel from './modules/del.vue'
-import release from './modules/release.vue'
-import finish from './modules/finish.vue'
-
+/**
+ * @basicLayout 提供this.$ref['basicLayout'].listData()方法查询列表信息
+ * @param {string} formPath 新建,编辑组件所在文件夹名称,以后所有列表新增修改文件统一放入Form文件夹下面,并创建与开发应用相同的名称的子文件夹
+ * @param {string} tableName 开发端配置的表格名称
+ * @param {String} idName 数据主id名称
+ * @param {object} apiId:{query:查询的接口id,del:删除的接口id} 
+ * @param {Array} options:{label:描述,value:值} 
+ */
 export default {
-  components:{
-    tepList,
-    add,
-    edit,
-    ondel,
-    release,
-    finish,
-    forecastList
-  },
   data () {
     return {
-      sa_salesforecastmodelid:''
+      options:[]
+      
     }
   },
   methods:{
-    onSuccess(){
-      this.$refs['teplist'].listData()
-    },
-    tableRowClick (row) {
-      this.sa_salesforecastmodelid = row.sa_salesforecastmodelid
-      this.$refs['forecast'].listData(row.sa_salesforecastmodelid,1)
-    },
   }
 }
 

src/HManagement/salesForecastTemplate/modules/add.vue

@@ -1,97 +1,99 @@
 <template>
-  <div class="container normal-panel normal-margin">
+  <div>
     <el-button type="primary" size="small" @click="queryRoles(dialogFormVisible = true)">新 建</el-button>
-    <el-dialog title="新建模板" :visible.sync="dialogFormVisible" width="800px">
-      <el-row :gutter="20">
-        <el-form :model="form" ref="form" :rules="rules" label-position="left" label-width="80px" size="small">
-          <el-col :span="24">
-            <el-form-item label="标题" prop="title">
-              <el-input type="text" v-model="form.title" placeholder="输入提报标题"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-          <el-form-item label="开始日期" prop="begdate">
-            <el-date-picker
-              style="width:100%"
-              v-model="form.begdate"
-              type="date"
-              :picker-options="pickerOptions"
-              value-format="yyyy-MM-dd"
-              placeholder="选择日期">
-            </el-date-picker>
-          </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="结束日期" prop="enddate">
+    <el-drawer append-to-body title="新建模板" :visible.sync="dialogFormVisible" size="800px">
+      <div class="drawer__panel">
+        <el-row :gutter="20">
+          <el-form :model="form" ref="form" :rules="rules" label-position="left" label-width="80px" size="small">
+            <el-col :span="24">
+              <el-form-item label="标题" prop="title">
+                <el-input type="text" v-model="form.title" placeholder="输入提报标题"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+            <el-form-item label="开始日期" prop="begdate">
               <el-date-picker
                 style="width:100%"
-                v-model="form.enddate"
+                v-model="form.begdate"
                 type="date"
                 :picker-options="pickerOptions"
                 value-format="yyyy-MM-dd"
                 placeholder="选择日期">
               </el-date-picker>
             </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="提醒时间" prop="taskdays">
-              <div class="flex-align-center"><span style="width:40px">提 前:</span><el-input type="number" style="width:200px" v-model="form.taskdays" placeholder="输入提醒时间"></el-input>&emsp;<span>天</span></div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <div class="flex-align-center my-error-panel">
-              <el-form-item label="提报周期" prop="periodtype">
-                <el-select style="width:120px" v-model="form.periodtype" placeholder="请选择提报周期" @change="handleChange">
-                  <el-option label="每周" value="周"></el-option>
-                  <el-option label="每月" value="月"></el-option>
-                  <el-option label="仅一次" value="once"></el-option>
-                </el-select>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="结束日期" prop="enddate">
+                <el-date-picker
+                  style="width:100%"
+                  v-model="form.enddate"
+                  type="date"
+                  :picker-options="pickerOptions"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="提醒时间" prop="taskdays">
+                <div class="flex-align-center"><span style="width:40px">提 前:</span><el-input type="number" style="width:200px" v-model="form.taskdays" placeholder="输入提醒时间"></el-input>&emsp;<span>天</span></div>
               </el-form-item>
-              <el-form-item label-width="0px" prop="periodpoint">
-                <el-popover
-                  v-if="form.periodtype !== 'once'"
-                  placement="bottom"
-                  width="400"
-                  trigger="click">
-                  <div :class="error?'error':''" class="periodTags" slot="reference">
-                    <p v-if="form.periodpoint.length === 0">请选择</p>
-                    <div v-else>
-                      <el-tag v-for="item in form.periodpoint" type="info" size="mini" :key="item.index" style="margin-right:5px" @close="closeDate(item)" closable>
-                        {{form.periodtype === '周'?'周'+ `${item===7?'日':item}`:item+'日'}}
-                      </el-tag>
+            </el-col>
+            <el-col :span="24">
+              <div class="flex-align-center my-error-panel">
+                <el-form-item label="提报周期" prop="periodtype">
+                  <el-select style="width:120px" v-model="form.periodtype" placeholder="请选择提报周期" @change="handleChange">
+                    <el-option label="每周" value="周"></el-option>
+                    <el-option label="每月" value="月"></el-option>
+                    <el-option label="仅一次" value="once"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label-width="0px" prop="periodpoint">
+                  <el-popover
+                    v-if="form.periodtype !== 'once'"
+                    placement="bottom"
+                    width="400"
+                    trigger="click">
+                    <div :class="error?'error':''" class="periodTags" slot="reference">
+                      <p v-if="form.periodpoint.length === 0">请选择</p>
+                      <div v-else>
+                        <el-tag v-for="item in form.periodpoint" type="info" size="mini" :key="item.index" style="margin-right:5px" @close="closeDate(item)" closable>
+                          {{form.periodtype === '周'?'周'+ `${item===7?'日':item}`:item+'日'}}
+                        </el-tag>
+                      </div>
                     </div>
-                  </div>
-                  <el-row>
-                    <el-col :class="act === item?'act':''" @click.native="clickdate(item)" style="height:50px;line-height:50px;text-align:center;cursor: pointer;"  v-for="item in period" :key="item" :span="form.periodtype==='月'?4:8">{{form.periodtype === '周'?'周'+ `${item===7?'日':item}`:item+'日'}}</el-col>
-                  </el-row>
-                </el-popover>
+                    <el-row>
+                      <el-col :class="act === item?'act':''" @click.native="clickdate(item)" style="height:50px;line-height:50px;text-align:center;cursor: pointer;"  v-for="item in period" :key="item" :span="form.periodtype==='月'?4:8">{{form.periodtype === '周'?'周'+ `${item===7?'日':item}`:item+'日'}}</el-col>
+                    </el-row>
+                  </el-popover>
+                </el-form-item>
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="提报要求">
+                <el-checkbox v-model="form.baseonproject" :true-label="1" :false-label="0">按项目及产品类别预测</el-checkbox>
               </el-form-item>
-            </div>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="提报要求">
-              <el-checkbox v-model="form.baseonproject" :true-label="1" :false-label="0">按项目及产品类别预测</el-checkbox>
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input type="textarea" v-model="form.remarks" placeholder="请输入备注" :rows="3"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="发布范围" prop="roles">
-              <el-select style="width:100%" v-model="form.roles" placeholder="请选择角色" multiple>
-                <el-option v-for="item in rolelist" :key="item.roleid" :label="item.rolename" :value="item.roleid"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-form>
-      </el-row>
-      <div class="dialog-footer">
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="备注">
+                <el-input type="textarea" v-model="form.remarks" placeholder="请输入备注" :rows="3"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="发布范围" prop="roles">
+                <el-select style="width:100%" v-model="form.roles" placeholder="请选择角色" multiple>
+                  <el-option v-for="item in rolelist" :key="item.roleid" :label="item.rolename" :value="item.roleid"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+      <div class="fixed__btn__panel">
         <el-button size="small" @click="dialogFormVisible = false" class="normal-btn-width">取 消</el-button>
         <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
       </div>
-    </el-dialog>
+    </el-drawer>
   </div>
 </template>
 

src/HManagement/salesForecastTemplate/modules/edit.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="inline-16">
-    <el-button :disabled="data.status === '结束' " type="text" size="small" @click="onShow(dialogFormVisible = true)">编 辑</el-button>
+  <div>
+    <el-button :disabled="data.status === '结束' " type="default" size="mini" @click="onShow(dialogFormVisible = true)">编 辑</el-button>
     <el-dialog title="编辑模板" append-to-body :visible.sync="dialogFormVisible" width="800px">
       <el-row :gutter="20">
         <el-form :model="form" ref="form" :rules="rules" label-position="left" label-width="80px" size="small">

src/HManagement/salesForecastTemplate/modules/finish.vue

@@ -1,9 +1,9 @@
 <template>
-  <div style="display:inline;margin-left:10px">
+  <div class="inline-16">
     <el-popconfirm
       title="确定结束吗？"
       @confirm="deleteRow">
-      <el-button size="small" type="text" slot="reference">结 束</el-button>
+      <el-button size="mini" slot="reference">结 束</el-button>
     </el-popconfirm>
   </div>
 </template>

src/HManagement/salesForecastTemplate/modules/forecastDetail.vue

@@ -1,23 +1,5 @@
 <template>
 <div>
-  <div class="container normal-panel normal-margin">
-    <el-descriptions title="基础信息">
-      <el-descriptions-item label="单号">{{mainData.billnum}}</el-descriptions-item>
-      <el-descriptions-item label="预测模板">
-        {{mainData.title}}
-      </el-descriptions-item>
-      <el-descriptions-item label="提报周期">
-        <span v-for="i in mainData.periodpointchange" :key="i.index">
-          {{mainData.periodtype === '周'?'周'+ `${i===7?'日':i}`:i+'日'}},
-        </span>
-      </el-descriptions-item>
-      <el-descriptions-item label="提报要求">{{mainData.baseonproject === 1?'按项目预测':'无要求'}}</el-descriptions-item>
-      <el-descriptions-item label="提报人">{{mainData.name}}</el-descriptions-item>
-      <el-descriptions-item label="部门">{{mainData.depname}}</el-descriptions-item>
-      <el-descriptions-item label="职位">{{mainData.position}}</el-descriptions-item>
-      <el-descriptions-item label="提报时间">{{mainData.createdate}}</el-descriptions-item>
-    </el-descriptions>
-  </div>
   <div class="container normal-panel">
     <p class="normal-title normal-margin">提报内容</p>
     <div class="flex-align-center  search-panel normal-margin">
@@ -51,7 +33,7 @@ export default {
         "id": 20220906150503,
         "version":1,
         "content": {
-          "sa_salesforecastbillid":this.$route.query.id,
+          "sa_salesforecastbillid":'',
           "pageNumber":1,
           "pageSize":10,
           "where":{
@@ -68,21 +50,8 @@ export default {
     }
   },
   methods:{
-    async headData () {
-      const res = await this.$api.requested({
-        "id": 20220906150403,
-        "version":1,
-        "content": {
-          "sa_salesforecastmodelid":this.$route.query.modelid,
-          "where":{
-            "condition":"",
-            "sa_salesforecastbillid":this.$route.query.id
-          }
-        }
-      })
-      this.mainData = res.data[0]
-    },
-    async listData () {
+    async listData (id) {
+      this.params.content.sa_salesforecastbillid = id
       const res = await this.$api.requested(this.params)
       this.list = res.data
       this.total = res.total
@@ -100,8 +69,7 @@ export default {
     },
   },
   mounted () {
-    this.headData()
-    this.listData()
+    // this.listData()
   },
   created () {
     this.tablecols = this.tool.tabelCol(this.$route.name)['submitTable'].tablecols

src/HManagement/salesForecastTemplate/modules/forecastList.vue

@@ -1,9 +1,7 @@
 <template>
   <div class="container normal-panel">
     <!-- 表格搜索 -->
-    <p class="normal-title normal-margin">销售预测记录</p>
     <div class="flex-align-center  search-panel normal-margin">
-      <p>搜索:</p>
       <el-input style="width:200px" size="small" placeholder="单号" @keyup.native.enter="listData(null,1)" @clear="listData(null,1)" v-model="params.content.where.condition" prefix-icon="el-icon-search" clearable></el-input>
     </div>
     <!-- 表格主题 -->

src/HManagement/salesForecastTemplate/modules/modelDetail.vue

@@ -0,0 +1,109 @@
+<template>
+  <div>
+    <basicDetails
+        ref="details"
+        :titleText="`${mainData.title}`"
+        :oldFormPath="{edit:'HManagement/salesForecastTemplate/modules'}"
+        :editData="mainData"
+        :mainAreaData="mainAreaData"
+        turnPageId="20221031141102"
+        idname="sa_salesforecastmodelid"
+        tags=""
+        :tabs="['基础信息','销售预测记录']"
+        @pageChange="pageChange"
+        @onEditSuccess="queryMainData($route.query.id)">
+      <div slot="tags">
+      </div>
+      <div slot="customOperation" >
+        <release v-if="tool.checkAuth($route.name,'update')" :data="mainData" @onSuccess="onSuccess"></release>
+        <finish v-if="tool.checkAuth($route.name,'update')" :data="mainData" @onSuccess="onSuccess"></finish>
+      </div>
+      <div class="container normal-panel" slot="slot0" >
+        <el-descriptions>
+          <el-descriptions-item label="单号">{{mainData.billnum}}</el-descriptions-item>
+          <el-descriptions-item label="预测模板">
+            {{mainData.title}}
+          </el-descriptions-item>
+          <el-descriptions-item label="提报周期">
+            <span v-for="i in mainData.periodpointchange" :key="i.index">
+              {{mainData.periodtype === '周'?'周'+ `${i===7?'日':i}`:i+'日'}},
+            </span>
+          </el-descriptions-item>
+          <el-descriptions-item label="提报要求">{{mainData.baseonproject === 1?'按项目预测':'无要求'}}</el-descriptions-item>
+          <el-descriptions-item label="提报人">{{mainData.name}}</el-descriptions-item>
+          <el-descriptions-item label="部门">{{mainData.depname}}</el-descriptions-item>
+          <el-descriptions-item label="职位">{{mainData.position}}</el-descriptions-item>
+          <el-descriptions-item label="提报时间">{{mainData.createdate}}</el-descriptions-item>
+        </el-descriptions>
+      </div>
+      <div slot="slot1" >
+        <forecastList ref="forecast" @tableRowClick="onTableClick"></forecastList>
+        <submitDetail ref="submitDetail"></submitDetail>
+      </div>
+      
+    </basicDetails>
+  </div>
+</template>
+
+<script>
+import forecastList from './forecastList.vue'
+import submitDetail from './forecastDetail.vue'
+import release from './release.vue'
+import finish from './finish.vue'
+
+export default {
+  name: "detail",
+  data() {
+    return {
+      mainData:{},
+      mainAreaData:{}
+    }
+  },
+  components:{
+    forecastList,
+    submitDetail,
+    finish,
+    release
+  },
+  methods:{
+    async queryMainData(id) {
+      const res = await this.$api.requested({
+        "id":20220906150303,
+        "content": {
+          "sa_salesforecastmodelid":this.$route.query.id
+        }
+      })
+      this.mainData = res.data
+      this.$refs['forecast'].listData(this.$route.query.id,1)
+    },
+    changeDataStructure() {
+      this.mainAreaData = [
+      ]
+    },
+    // 监听切换数据,上一页,下一页
+    pageChange (id,rowindex,tabIndex) {
+      this.flag = false
+      tabIndex = this.$route.query.tabIndex
+      this.$router.replace({path:'/salesForecastDetail',query:{id:id,rowindex:rowindex,tabIndex:tabIndex}})
+      this.queryMainData(id)
+    },
+    onSuccess(){
+      this.visible = false
+      this.queryMainData(this.$route.query.id)
+      this.$emit('onSuccess')
+    },
+    onTableClick (row) {
+      this.$refs['submitDetail'].listData(row.sa_salesforecastbillid)
+    }
+  },
+  mounted () {
+    this.queryMainData(this.$route.query.id)
+  },
+  created() {
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/salesForecastTemplate/modules/release.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="inline-16">
-    <el-button :disabled="data.status === '结束' " type="text" size="mini" @click="releaseNotice">{{data.status === '新建'?'发 布':'取消发布'}}</el-button>
+    <el-button :disabled="data.status === '结束' " size="mini" @click="releaseNotice">{{data.status === '新建'?'发 布':'取消发布'}}</el-button>
   </div>
 </template>
 

src/HManagement/submit/list/list.vue

@@ -26,9 +26,9 @@
         <template v-slot:opreation="scope">
           <slot name="detail" :data="scope"></slot>
           <slot name="edit" :data="scope"></slot>
-          <slot name="release" :data="scope"></slot>
+          <!-- <slot name="release" :data="scope"></slot>
           <slot name="data_statistics" :data="scope"></slot>
-          <slot name="del" :data="scope"></slot>
+          <slot name="del" :data="scope"></slot> -->
         </template>
       </tableLayout>
       <div style="margin-top:16px;text-align:right">
@@ -46,8 +46,7 @@ export default {
   data() {
     return {
       params: {
-        "classname": "webmanage.saletool.submitedit.submitedit",
-        "method": "selectsubmitlist",
+        "id":20221102093602,
         "content": {
           "pageNumber": 1,
           "pageSize": 10,
@@ -81,7 +80,7 @@ export default {
       this.list = res.data
       this.total = res.total
       this.currentPage = res.pageNumber
-      if (deteleList.length != 0) this.listData();
+      // if (deteleList.length != 0) this.listData();
     },
     handleSizeChange(val) {
       // console.log(`每页 ${val} 条`);

src/HManagement/submit/list/modules/submit_edit.vue

@@ -131,12 +131,14 @@ export default {
           "sat_submiteditmodelid": this.$route.query.id
         }
       })
+      console.log(res)
       res.data.notes == '初始化数据' + JSON.parse(sessionStorage.getItem('active_account')).userid ? res.data.notes = '' : '';
       this.form = Object.assign({}, this.form, res.data)
       if (this.form.isattrequired === 1) { this.form.type.push('附件提报') }
       if (this.form.istextrequired === 1) { this.form.type.push('文字提报') }
 
       this.form.status !== '新建' ? store.state.pageOnlyRead = true : store.state.pageOnlyRead = false
+      console.log(store.state.pageOnlyRead,'---')
     },
     onSubmit(callback) {
       this.$refs['form'].validate(async (valid) => {

src/demo.vue

@@ -1,7 +1,18 @@
 
 <template>
   <div>
-    <basicLayout ref="basicLayout" formPath="EnterpriseArchives" tableName="EnterpriseArchivesTable" idName="sys_enterpriseid" :apiId="{query:20220920083901,del:20220920084201}" :options="options">
+    <basicLayout 
+      ref="basicLayout" 
+      :oldFormPath="{
+        add:'HManagement/accountManage/modules'
+      }"
+      tableName="accountTable" 
+      idName="userid" 
+      :apiId="{query:20221031141102,del:20221031141202}"
+      :options="options"
+      :detailPath="{
+        path:'/account_details'
+      }">
       <div slot="custom"></div>
       <template v-slot:tbList="scope">
         <div>

src/router/HManagement.js

@@ -511,17 +511,18 @@ const HManagement = [
       ast_nav: true,
       keeproute: true
     },
-    component: () => import(/* webpackChunkName: "about" */ '@/HManagement/salesForecastTemplate/index')
-  },
-  {
-    path: '/salesForecastDetail',
-    name: 'salesForecastTemplate',
-    meta: {
-      title: '销售预测模板设置',
-      ast_nav: true,
-      keeproute: true
+    component: () => import(/* webpackChunkName: "about" */ '@/HManagement/salesForecastTemplate/index'),
+    children:[{
+      path: '/salesForecastDetail',
+      name: 'salesForecastTemplate',
+      meta: {
+        title: '销售预测模板设置',
+        ast_nav: true,
+        keeproute: true
+      },
+      component: () => import(/* webpackChunkName: "about" */ '@/HManagement/salesForecastTemplate/modules/modelDetail')
     },
-    component: () => import(/* webpackChunkName: "about" */ '@/HManagement/salesForecastTemplate/modules/forecastDetail')
+    ]
   },
   
   {