销售预测完成

.gitignore

@@ -1 +1,2 @@
 node_modules
+yos

src/HManagement/clueManage/clue_import/detailPage/modules/switchData.vue

@@ -20,6 +20,7 @@ export default {
   created () {
     this.rowindex = Number(this.$route.query.rowindex)
   },
+  
   beforeDestroy () {
     sessionStorage.removeItem('clue_pageTotal')
   },
@@ -48,7 +49,15 @@ export default {
           "rowindex": rowindex
         }
       })
-      this.$router.replace({path:'/importClueDetail',query:{id:res.data.sat_orderclueuploadbillid,rowindex:rowindex}})
+      if (res.code === 1) {
+        this.$router.replace({path:'/importClueDetail',query:{id:res.data.sat_orderclueuploadbillid,rowindex:rowindex}})
+      } else {
+        this.rowindex = Number(this.$route.query.rowindex)
+        this.$message({
+          message:'没有了!',
+          type:'error'
+        })
+      }
     },
   }
 }

src/HManagement/salesForecastTemplate/index.vue

@@ -0,0 +1,64 @@
+<template>
+  <div>
+    <add @onSuccess="onSuccess"></add>
+    <tepList ref="teplist" @tableRowClick="tableRowClick">
+      <template v-slot:edit="scope">
+        <edit :data="scope.data"></edit>
+      </template>
+      <template v-slot:del="scope">
+        <ondel :data="scope.data" @onSuccess="onSuccess"></ondel>
+      </template>
+      <template v-slot:release="scope">
+        <release :data="scope.data" @onSuccess="onSuccess"></release>
+      </template>
+      <template v-slot:finish="scope">
+        <finish :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)
+    },
+  }
+}
+
+</script>
+<style>
+</style>

src/HManagement/salesForecastTemplate/modules/add.vue

@@ -0,0 +1,238 @@
+<template>
+  <div class="container normal-panel normal-margin">
+    <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"
+              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-date-picker
+                style="width:100%"
+                v-model="form.enddate"
+                type="date"
+                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-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>
+                  <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>
+          </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-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>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {    
+    return {
+      error:false,
+      dialogFormVisible:false,
+      form:{
+        sa_salesforecastmodelid:0,
+        title:'',
+        remarks:'',
+        begdate:'',
+        enddate:'',
+        periodtype:'周',
+        periodpoint:[],
+        baseonproject:false,
+        isrepeat:true,
+        taskdays:0,
+        sales:[],
+        roles:[],
+        
+      },
+      period:7,
+      act:0,
+      rolelist:[],
+      rules:{
+        title: [
+          { required: true, message: '请输入提报标题', trigger: 'blur' },
+        ],
+        periodtype: [
+          { required: true, message: '请选择周期', trigger: 'change' }
+        ],
+        begdate: [
+          { required: true, message: '请选择开始日期', trigger: 'change' }
+        ],
+        enddate: [
+          { required: true, message: '请选择结束日期', trigger: 'change' }
+        ],
+        taskdays:[
+          { required: true, message: '请输提醒天数', trigger: 'blur' },
+        ],
+        periodpoint:[
+          { validator: this.checkPeriodpoint, trigger: 'blur' }
+        ],
+        roles: [
+          { required: true, message: '请选择角色', trigger: 'change' }
+        ],
+      }
+    }
+  },
+  methods:{
+    checkPeriodpoint (rule, value, callback) {
+      if (value.length === 0 && this.form.periodtype !== 'once') {
+        this.error = true
+        return callback(new Error('请选择周期'));
+      } else {
+        this.error = false
+        callback();
+      }
+    },
+    onSubmit () {
+      this.$refs['form'].validate(async (valid) => {
+        if (!valid) return false
+        let data = Object.assign({},this.form)
+        data.roles = this.form.roles.map(e=>{
+          return {
+            "sa_salesforecastmodelroleid":0, 
+            "roleid": e
+          }
+        })
+        data.periodtype === 'once'?data.periodtype= '':data.periodtype
+
+        const res = await this.$api.requested({
+          "id": 20220906150103,
+          "version":1,
+          "content": data
+        })
+        this.tool.showMessage(res,()=>{
+          this.$emit('onSuccess')
+          this.dialogFormVisible = false
+        })
+      });
+    },
+    clickdate (item) {
+      this.act = item
+      this.form.periodpoint.push(item)
+      this.form.periodpoint = [...[],...new Set(this.form.periodpoint)]      
+    },
+    closeDate (item) {
+      this.form.periodpoint = this.form.periodpoint.filter(e=>{
+        return e !== item
+      })
+    },
+    handleChange (val) {
+      this.form.isrepeat = true
+      this.form.periodpoint = []
+      val === '月'?this.period = 31:val==='周'?this.period =7:this.form.isrepeat = false
+    },
+    async queryRoles () {
+      const res = await this.$api.requested({
+        "classname": "webmanage.role.role",
+        "method": "query_roleList",
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 1000,
+          "where":{
+            "condition":"",
+            "usertype":"",
+            "issystem":1
+          }
+        }
+      })
+      this.rolelist = res.data
+    }
+  },
+  mounted () {
+  }
+}
+
+</script>
+<style>
+.my-error-panel .el-form-item__error{
+  text-indent: 10px;
+}
+</style>
+<style scoped>
+.periodTags{
+  border:1px solid #dcdfe6;
+  min-height:32px;
+  /* margin-bottom:18px; */
+  padding:0 10px;
+  margin-left:10px;
+  line-height:32px;
+  border-radius: 4px;
+  min-width: 400px;
+  cursor: pointer;
+}
+.act{
+  background: #dcdfe6;
+}
+.error{
+  border:1px solid red !important;;
+}
+</style>

src/HManagement/salesForecastTemplate/modules/del.vue

@@ -0,0 +1,32 @@
+<template>
+  <div style="display:inline;margin-left:10px">
+    <el-popconfirm
+      title="确定删除吗？"
+      @confirm="deleteRow">
+      <el-button size="small" type="text" slot="reference">删 除</el-button>
+    </el-popconfirm>
+  </div>
+</template>
+
+<script>
+export default {
+  props:['data'],
+  methods:{
+    async deleteRow () {
+      const res = await this.$api.requested({
+        "id": 20220906150603,
+        "version":1,
+        "content": {
+          "sa_salesforecastmodelid":this.data.sa_salesforecastmodelid
+        }
+      })
+      this.tool.showMessage(res,()=>{
+        this.$emit('onSuccess')
+      })
+    },
+  }
+}
+
+</script>
+<style>
+</style>

src/HManagement/salesForecastTemplate/modules/edit.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="inline-16">
+    <el-button type="text" size="small" @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">
+          <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"
+              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-date-picker
+                style="width:100%"
+                v-model="form.enddate"
+                type="date"
+                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-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>
+                  <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>
+          </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="请选择角色" @remove-tag="removeTag" multiple>
+                <el-option v-for="item in rolelist" :key="item.index" :label="item.rolename" :value="item.roleid"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div class="dialog-footer">
+        <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>
+  </div>
+</template>
+
+<script>
+export default {
+  props:['data'],
+  data () {    
+    return {
+      error:false,
+      dialogFormVisible:false,
+      form:{
+        sa_salesforecastmodelid:0,
+        title:'',
+        remarks:'',
+        begdate:'',
+        enddate:'',
+        periodtype:'周',
+        periodpoint:[],
+        baseonproject:false,
+        isrepeat:true,
+        taskdays:0,
+        sales:[],
+        roles:[],
+        
+      },
+      period:7,
+      act:0,
+      rolelist:[],
+      oldrolelist:[],
+      rules:{
+        title: [
+          { required: true, message: '请输入提报标题', trigger: 'blur' },
+        ],
+        periodtype: [
+          { required: true, message: '请选择周期', trigger: 'change' }
+        ],
+        begindate: [
+          { required: true, message: '请选择开始日期', trigger: 'change' }
+        ],
+        enddate: [
+          { required: true, message: '请选择结束日期', trigger: 'change' }
+        ],
+        taskdays:[
+          { required: true, message: '请输提醒天数', trigger: 'blur' },
+        ],
+        periodpoint:[
+          { validator: this.checkPeriodpoint, trigger: 'blur' }
+        ],
+        roles: [
+          { required: true, message: '请选择角色', trigger: 'change' }
+        ],
+      },
+    }
+  },
+  methods:{
+    checkPeriodpoint (rule, value, callback) {
+      if (value.length === 0 && this.form.periodtype !== 'once') {
+        this.error = true
+        return callback(new Error('请选择周期'));
+      } else {
+        this.error = false
+        callback();
+      }
+    },
+    async queryMainData (fn) {
+      const res = await this.$api.requested({
+        "id": 20220906150303,
+        "version":1,
+        "content": {
+          "sa_salesforecastmodelid":this.data.sa_salesforecastmodelid
+        }
+      })
+      this.form = res.data
+      fn()
+    },
+    onShow () {
+      this.queryRoles()
+      this.queryMainData(()=>{
+        this.form.periodtype = this.form.periodtype === ''?'once':this.form.periodtype
+        this.form.periodpoint = this.form.periodpointchange
+      })
+    },
+    onSubmit () {
+      this.$refs['form'].validate(async (valid) => {
+        if (!valid) return false
+        let data = Object.assign({},this.form)
+        data.roles = this.form.roles.map(e=>{
+          return {
+            "sa_salesforecastmodelroleid":0, 
+            "roleid": e
+          }
+        })
+        data.periodtype === 'once'?data.periodtype= '':data.periodtype
+        const res = await this.$api.requested({
+          "id": 20220906150103,
+          "version":1,
+          "content": data
+        })
+        this.tool.showMessage(res,()=>{
+          this.$emit('onSuccess')
+          this.dialogFormVisible = false
+        })
+      });
+    },
+    clickdate (item) {
+      this.act = item
+      this.form.periodpoint.push(item)
+      this.form.periodpoint = [...[],...new Set(this.form.periodpoint)]      
+    },
+    closeDate (item) {
+      this.form.periodpoint = this.form.periodpoint.filter(e=>{
+        return e !== item
+      })
+    },
+    handleChange (val) {
+      this.form.isrepeat = true
+      this.form.periodpoint = []
+      val === '月'?this.period = 31:val==='周'?this.period =7:this.form.isrepeat = false
+    },
+    removeTag (tag) {
+      this.oldrolelist = this.oldrolelist.filter(e=>{
+        return e.roleid !== tag
+      })
+    },
+    async queryRoles () {
+      const res = await this.$api.requested({
+        "classname": "webmanage.role.role",
+        "method": "query_roleList",
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 1000,
+          "where":{
+            "condition":"",
+            "usertype":"",
+            "issystem":1
+          }
+        }
+      })
+      this.rolelist = res.data
+    },
+  },
+  mounted () {
+  }
+}
+
+</script>
+<style>
+.my-error-panel .el-form-item__error{
+  text-indent: 10px;
+}
+</style>
+<style scoped>
+.periodTags{
+  border:1px solid #dcdfe6;
+  min-height:32px;
+  /* margin-bottom:18px; */
+  padding:0 10px;
+  margin-left:10px;
+  line-height:32px;
+  border-radius: 4px;
+  min-width: 400px;
+  cursor: pointer;
+}
+.act{
+  background: #dcdfe6;
+}
+.error{
+  border:1px solid red !important;;
+}
+</style>

src/HManagement/salesForecastTemplate/modules/finish.vue

@@ -0,0 +1,32 @@
+<template>
+  <div style="display:inline;margin-left:10px">
+    <el-popconfirm
+      title="确定结束吗？"
+      @confirm="deleteRow">
+      <el-button size="small" type="text" slot="reference">结 束</el-button>
+    </el-popconfirm>
+  </div>
+</template>
+
+<script>
+export default {
+  props:['data'],
+  methods:{
+    async deleteRow () {
+      const res = await this.$api.requested({
+        "id": 20220906151103,
+        "version":1,
+        "content": {
+          "sa_salesforecastmodelids":[this.data.sa_salesforecastmodelid]
+        }
+      })
+      this.tool.showMessage(res,()=>{
+        this.$emit('onSuccess')
+      })
+    },
+  }
+}
+
+</script>
+<style>
+</style>

src/HManagement/salesForecastTemplate/modules/forecastDetail.vue

@@ -0,0 +1,113 @@
+<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">
+      <p>搜索:&nbsp;</p>
+      <el-input style="width:200px" size="small" placeholder="产品类别" @keyup.native.enter="listData(params.content.pageNumber = 1)" @clear="listData(params.content.pageNumber = 1)" v-model="params.content.where.condition" prefix-icon="el-icon-search" clearable></el-input>
+    </div>
+    <tableLayout :layout="tablecols" :data="list" :custom="false" :fixedName="'operation'">
+
+    </tableLayout>
+    <div style="margin-top:16px;text-align:right">
+      <el-pagination
+        background
+        small
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-size="params.content.pageSize"
+        layout="total, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+  </div>
+</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      params:{
+        "id": 20220906150503,
+        "version":1,
+        "content": {
+          "sa_salesforecastbillid":this.$route.query.id,
+          "pageNumber":1,
+          "pageSize":10,
+          "where":{
+            "condition":"",
+            "itemclassname":""
+          }
+        }
+      },
+      mainData:{},
+      tablecols:[],
+      list:[],
+      total:0,
+      currentPage:0,
+    }
+  },
+  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 () {
+      const res = await this.$api.requested(this.params)
+      this.list = res.data
+      this.total = res.total
+      this.currentPage = res.pageNumber
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.params.content.pageSize = val
+      this.listData()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.params.content.pageNumber = val
+      this.listData()
+    },
+  },
+  mounted () {
+    this.headData()
+    this.listData()
+  },
+  created () {
+    this.tablecols = this.tool.tabelCol(this.$route.name)['submitTable'].tablecols
+  }
+}
+
+</script>
+<style>
+</style>

src/HManagement/salesForecastTemplate/modules/forecastList.vue

@@ -0,0 +1,104 @@
+<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(params.content.pageNumber = 1)" @clear="listData(params.content.pageNumber = 1)" v-model="params.content.where.condition" prefix-icon="el-icon-search" clearable></el-input>
+    </div>
+    <!-- 表格主题 -->
+    <tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true" :fixedName="'operation'" height="300px" @rowClick="rowClick">
+      <template v-slot:customcol="scope">
+        <div v-if="scope.column.columnname === 'baseonproject'">
+          <span>{{scope.column.data.baseonproject === 1?'按项目预测':'无'}}</span>
+        </div>
+        <div v-else-if="scope.column.columnname === 'taskdays'">
+          <span>提前{{scope.column.data.taskdays}}天</span>
+        </div>
+        <div v-else-if="scope.column.columnname === 'periodpoint'">
+          <span v-for="i in scope.column.data.periodpointchange" :key="i.index">
+            {{scope.column.data.periodtype === '周'?'周'+ `${i===7?'日':i}`:i+'日'}},
+          </span>
+        </div>
+        <p v-else>{{scope.column.data[scope.column.columnname]}}</p>
+      </template>
+      <template v-slot:opreation="scope">
+        <slot name="detail" :data="scope.data"></slot>
+      </template>
+    </tableLayout>
+    <div style="margin-top:16px;text-align:right">
+      <el-pagination
+        background
+        small
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-size="params.content.pageSize"
+        layout="total, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components:{
+  },
+  data () {
+    return {
+      params:{
+        "id": 20220906150403,
+        "version":1,
+        "content": {
+          "pageNumber":1,
+          "pageSize":10,
+          "sa_salesforecastmodelid":0,
+          "where":{
+            "condition":""
+          }
+        }
+      },
+      tablecols:{},
+      list:[],
+      total:0,
+      currentPage:0,
+    }
+  },
+  methods:{
+    async listData (sa_salesforecastmodelid) {
+      this.params.content.sa_salesforecastmodelid = sa_salesforecastmodelid?sa_salesforecastmodelid:this.params.content.sa_salesforecastmodelid
+      const res = await this.$api.requested(this.params)
+      this.list = res.data
+      this.total = res.total
+      this.currentPage = res.pageNumber
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.params.content.pageSize = val
+      this.listData()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.params.content.pageNumber = val
+      this.listData()
+    },
+    rowClick (row) {
+      this.$emit('tableRowClick',row)
+    },
+  },
+  mounted () {
+    this.tablecols = this.tool.tabelCol(this.$route.name)['forecastTable'].tablecols
+  }
+}
+
+</script>
+<style>
+</style>
+<style scoped>
+.search-panel p{
+  width:40px;
+  font-size:14px
+}
+</style>

src/HManagement/salesForecastTemplate/modules/release.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="inline-16">
+    <el-button type="text" size="mini" @click="releaseNotice">{{data.status === '新建'?'发 布':'取消发布'}}</el-button>
+  </div>
+</template>
+
+<script>
+export default {
+  props:['data'],
+  data () {
+    return {}
+  },
+  methods:{
+    async releaseNotice () {
+      const res = await this.$api.requested({
+        "id": this.data.status === '新建'?20220906150703:20220906150803,
+        "version":1,
+        "content": {
+          "sa_salesforecastmodelids":[this.data.sa_salesforecastmodelid]
+        }
+      })
+      this.tool.showMessage(res)
+      res.code === 1?this.$emit('onSuccess'):''
+    }
+  }
+}
+
+</script>
+<style>
+</style>

src/HManagement/salesForecastTemplate/modules/templateList.vue

@@ -0,0 +1,109 @@
+<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(params.content.pageNumber = 1)" @clear="listData(params.content.pageNumber = 1)" v-model="params.content.where.condition" prefix-icon="el-icon-search" clearable></el-input>
+    </div>
+    <!-- 表格主题 -->
+    <tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true" :fixedName="'operation'" height="300px" @rowClick="rowClick">
+      <template v-slot:customcol="scope">
+        <div v-if="scope.column.columnname === 'status'">
+          <span :style="scope.column.data.status === '发布'?'color:#52C41A':''">{{scope.column.data.status}}</span>
+        </div>
+        <div v-else-if="scope.column.columnname === 'baseonproject'">
+          <span>{{scope.column.data.baseonproject === 1?'按项目预测':'无'}}</span>
+        </div>
+        <div v-else-if="scope.column.columnname === 'taskdays'">
+          <span>提前{{scope.column.data.taskdays}}天</span>
+        </div>
+        <div v-else-if="scope.column.columnname === 'periodpoint'">
+          <span v-for="i in scope.column.data.periodpointchange" :key="i.index">
+            {{scope.column.data.periodtype === '周'?'周'+ `${i===7?'日':i}`:i+'日'}},
+          </span>
+        </div>
+        <p v-else>{{scope.column.data[scope.column.columnname]}}</p>
+      </template>
+      <template v-slot:opreation="scope">
+        <slot v-if="scope.data.status === '新建'" name="edit" :data="scope.data"></slot>
+        <slot name="release" :data="scope.data"></slot>
+        <slot v-if="scope.data.status === '新建'" name="del" :data="scope.data"></slot>
+        <slot v-if="scope.data.status === '发布'" name="finish" :data="scope.data"></slot>
+      </template>
+    </tableLayout>
+    <div style="margin-top:16px;text-align:right">
+      <el-pagination
+        background
+        small
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-size="params.content.pageSize"
+        layout="total, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components:{
+  },
+  data () {
+    return {
+      params:{
+        "id": 20220906150203,
+        "version":1,
+        "content": {
+          "pageNumber":1,
+          "pageSize":10,
+          "where":{
+            "condition":""
+          }
+        }
+      },
+      tablecols:{},
+      list:[],
+      total:0,
+      currentPage:0,
+    }
+  },
+  methods:{
+    async listData () {
+      const res = await this.$api.requested(this.params)
+      this.list = res.data
+      this.total = res.total
+      this.currentPage = res.pageNumber
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.params.content.pageSize = val
+      this.listData()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.params.content.pageNumber = val
+      this.listData()
+    },
+    rowClick (row) {
+      this.$emit('tableRowClick',row)
+    },
+  },
+  mounted () {
+    this.listData()
+    this.tablecols = this.tool.tabelCol(this.$route.name)['templateTable'].tablecols
+  }
+}
+
+</script>
+<style>
+</style>
+<style scoped>
+.search-panel p{
+  width:40px;
+  font-size:14px
+}
+</style>

src/components/dynamic-table/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-table :row-class-name="tableClassName" v-loading="loading" highlight-current-row :data="data" :header-cell-style="{background:'#EEEEEE',color:'#333'}" size="mini" :height="height" @row-click="rowClick" style="width:100%"  border>
-      <el-table-column v-for="col in layout" :key="col.tablecolid" :prop="col.columnname" :label="col.title" :width="col.width">
+      <el-table-column v-for="col in layout" :key="col.tablecolid" :prop="col.columnname" :label="col.title" :width="col.width" :fixed="col.columnname === fixedName?'right':false">
         <template slot-scope="scope">
           <!-- 自定义表格显示内容 -->
           <slot v-if="custom" name="customcol" :column="{data:scope.row,columnname:col.columnname}"></slot>
@@ -24,7 +24,7 @@ export default {
     custom:是否启用自定义结构;
     opwidth:操作列宽度
   */
-  props:['layout','data','custom','height'],
+  props:['layout','data','custom','height','fixedName'],
   data () {
     return {
       list:[],

src/router/HManagement.js

@@ -457,7 +457,27 @@ const HManagement = [
       keeproute: true
     },
     component: () => import(/* webpackChunkName: "about" */ '@/HManagement/projectTarget/projectTargetStatistics/index')
+  },{
+    path: '/salesForecastTemplate',
+    name: 'salesForecastTemplate',
+    meta: {
+      title: '销售预测模板设置',
+      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/modules/forecastDetail')
   },
+  
   {
     path: '/phonebook',
     name: 'phonebook',

src/utils/tool.js

@@ -98,5 +98,11 @@ export default {
       const data = formatJson(filterVal, list);
       export_json_to_excel(tHeader, data, d);  //导出Excel 文件名
     })
-  }
+  },
+
+  // 数组去重
+  unique(arr, uniId){
+    const res = new Map();
+    return arr.filter((item) => !res.has(item[uniId]) && res.set(item[uniId], 1));
+  },
 }