Browse Source

重新上传了下模板

luckysheet-xiaowang-Intelligen
mk 7 months ago
parent
commit
6572fa75ee
  1. 6
      public/luckysheet/luckysheet.umd.js
  2. 4
      public/luckysheet/luckysheet.umd.js.map
  3. 3
      src/utils/luckysheetConfig.js
  4. 2
      src/views/modules/base/smartExcel/cpts/excel-summary.vue
  5. 189
      src/views/modules/base/smartExcel/index.vue

6
public/luckysheet/luckysheet.umd.js

File diff suppressed because one or more lines are too long

4
public/luckysheet/luckysheet.umd.js.map

File diff suppressed because one or more lines are too long

3
src/utils/luckysheetConfig.js

@ -41,10 +41,9 @@ const options = {
findAndReplace: true, //查找替换 findAndReplace: true, //查找替换
protection: true, // 工作表保护 protection: true, // 工作表保护
print: true, //打印 print: true, //打印
allowUpdate:true,
}, },
showinfobar: true, //是否显示顶部信息栏 showinfobar: true, //是否显示顶部信息栏
showsheetbar: false, //是否显示底部sheet页按钮 showsheetbar: true, //是否显示底部sheet页按钮
hook: { hook: {
//钩子函数 //钩子函数

2
src/views/modules/base/smartExcel/cpts/excel-summary.vue

@ -12,7 +12,7 @@
</div> </div>
<h3 class="title">提报的文件</h3> <h3 class="title">提报的文件</h3>
<div class="flex-wrap flex"> <div class="flex-wrap flex">
<div class="item flex flex-y flex-center-deputy" v-for="(item, index) in list" @click="handleClickShowView('1877549575149813762')" :key="index"> <div class="item flex flex-y flex-center-deputy" v-for="(item, index) in list" @click="handleClickShowView('1878685876183793665')" :key="index">
<img :src="require(`@/assets/images/index/Excel.png`)" alt=""> <img :src="require(`@/assets/images/index/Excel.png`)" alt="">
<div class="agencyName">{{ item.title }}周期更新表</div> <div class="agencyName">{{ item.title }}周期更新表</div>
<div>{{ item.state }}</div> <div>{{ item.state }}</div>

189
src/views/modules/base/smartExcel/index.vue

@ -4,37 +4,43 @@
<div class="m-search"> <div class="m-search">
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'"> <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'">
<div> <div>
<el-form-item label="发布组织" prop="orgId"> <!-- <el-form-item label="发布组织" prop="orgId">
<el-cascader class="u-item-width-normal" size="small" ref="myCascader" v-model.trim="formData.orgId" <el-cascader class="u-item-width-normal" size="small" ref="myCascader" v-model.trim="formData.orgId"
:options="orgOptions" :props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency" :options="orgOptions" :props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency"
clearable></el-cascader> clearable></el-cascader>
</el-form-item> </el-form-item> -->
<el-form-item label="任务主题" prop="taskTitle"> <el-form-item label="任务主题" prop="taskTitle">
<el-input v-model.trim="formData.taskTitle" class="u-item-width-normal" size="small" clearable <el-input v-model.trim="formData.taskTitle" class="u-item-width-normal" size="small" clearable
placeholder="请输入"> placeholder="请输入">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="创建时间" prop="taskIntroduction"> <el-form-item label="创建时间" prop="startTime">
<el-date-picker v-model.trim="formData.taskIntroduction" :picker-options="startPickerOptions" <el-date-picker v-model.trim="formData.startTime" :picker-options="startPickerOptions"
class="u-item-width-daterange" size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss" class="u-item-width-daterange" size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd" placeholder="开始时间"> value="yyyy-MM-dd" placeholder="开始时间">
</el-date-picker> </el-date-picker>
<span class="u-data-tag"></span> <span class="u-data-tag"></span>
<el-date-picker v-model.trim="formData.startTime" :picker-options="endPickerOptions" <el-date-picker v-model.trim="formData.endTime" :picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag" size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss" class="u-item-width-daterange u-data-tag" size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd" placeholder="结束时间"> value="yyyy-MM-dd" placeholder="结束时间">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<!-- <el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="taskType">
<el-select class="u-item-width-normal" v-model.trim="formData.status" placeholder="请选择" size="small" <el-select class="u-item-width-normal" v-model.trim="formData.taskType" placeholder="请选择" size="small"
clearable> clearable>
<el-option v-for="item in statusArray" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in statusArray" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> --> </el-form-item>
<el-form-item label="创建人" prop="createdBy">
<el-select class="u-item-width-normal" v-model.trim="formData.createdBy" placeholder="请选择" size="small"
clearable :disabled="manager">
<el-option v-for="item in createdByArray" :key="item.staffId" :label="item.name" :value="item.staffId">
</el-option>
</el-select>
</el-form-item>
<el-row> <el-row>
<el-col :span="24" align="right"> <el-col :span="24" align="right">
<el-button style="margin-left: 30px" size="small" type="primary " @click="handleSearch">查询</el-button> <el-button style="margin-left: 30px" size="small" type="primary " @click="handleSearch">查询</el-button>
@ -54,14 +60,16 @@
<el-table-column label="" fixed="left" type="selection" align="center" width="50" /> <el-table-column label="" fixed="left" type="selection" align="center" width="50" />
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
<el-table-column prop="gridName" align="center" label="发布组织" :show-overflow-tooltip="true"> <el-table-column prop="agencyName" align="center" label="发布组织" :show-overflow-tooltip="true">
</el-table-column> </el-table-column>
<el-table-column prop="categoryName" label="任务主题" min-width="140" align="center" <el-table-column prop="taskTitle" label="任务主题" min-width="140" align="center" :show-overflow-tooltip="true" />
:show-overflow-tooltip="true" />
<el-table-column prop="eventContent" label="分发人数" align="center" :show-overflow-tooltip="true" width="100"> <el-table-column prop="eventContent" label="分发人数" align="center" :show-overflow-tooltip="true" width="100">
</el-table-column> </el-table-column>
<el-table-column prop="responsibleName" align="center" width="100" label="任务周期" :show-overflow-tooltip="true"> <el-table-column prop="taskPeriod" align="center" width="100" label="任务周期" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.taskPeriod === 'once' ? '一次性' : '每周' }}
</template>
</el-table-column> </el-table-column>
<el-table-column prop="responsibleMobile" align="center" width="110" label="任务进度" <el-table-column prop="responsibleMobile" align="center" width="110" label="任务进度"
@ -69,12 +77,15 @@
</el-table-column> </el-table-column>
<el-table-column prop="name" align="center" width="100" label="任务状态" :show-overflow-tooltip="true"> <el-table-column prop="name" align="center" width="100" label="任务状态" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ scope.row.taskState === 'resolved' ? '已完成' : scope.row.taskState === 'cancel' ? '已取消' : '进行中' }}</span>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="createdBy" align="center" width="100" label="创建人" :show-overflow-tooltip="true"> <el-table-column prop="createdBy" align="center" width="100" label="创建人" :show-overflow-tooltip="true">
</el-table-column> </el-table-column>
<el-table-column prop="happenTime" align="center" width="140" :show-overflow-tooltip="true" label="创建时间"> <el-table-column prop="createdTime" align="center" width="140" :show-overflow-tooltip="true" label="创建时间">
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作" align="center" width="200px"> <el-table-column fixed="right" label="操作" align="center" width="200px">
@ -106,25 +117,25 @@
</template> </template>
<script> <script>
import { requestPost } from "@/js/dai/request"; import { requestPost, requestGet } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick"; import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import excelInfo from "./cpts/excel-info"; import excelInfo from "./cpts/excel-info";
import excelAdd from "./cpts/excel-add"; import excelAdd from "./cpts/excel-add";
export default { export default {
components: { excelInfo,excelAdd }, components: { excelInfo, excelAdd },
data() { data() {
let endDisabledDate = (time) => { let endDisabledDate = (time) => {
//datareturn //datareturn
let nowData = Date.now(); let nowData = Date.now();
if (this.formData.taskIntroduction) { if (this.formData.startTime) {
let taskIntroduction = new Date(this.formData.taskIntroduction); let startTime = new Date(this.formData.startTime);
return ( return (
time.getTime() > nowData || time.getTime() > nowData ||
time.getTime() < taskIntroduction || time.getTime() < startTime ||
time.getTime() === taskIntroduction time.getTime() === startTime
); );
} else { } else {
return time.getTime() > nowData; return time.getTime() > nowData;
@ -136,27 +147,27 @@ export default {
return time.getTime() > nowData; return time.getTime() > nowData;
}; };
let orgOptionProps = { // let orgOptionProps = {
multiple: false, // multiple: false,
value: 'agencyId', // value: 'agencyId',
label: 'agencyName', // label: 'agencyName',
children: 'subAgencyList', // children: 'subAgencyList',
checkStrictly: true // checkStrictly: true
} // }
return { return {
pageType: "list", // list add info pageType: "list", // list add info
tableData: [], tableData: [],
formData: { formData: {
orgId: '',//Id orgId: '',//Id
taskTitle:'',// taskTitle: '',//
taskType: '',// taskType: '',//
taskIntroduction: '',// startTime: '',//
startTime: '',// endTime: '',//
createdBy:''// createdBy: ''//
}, },
orgOptionProps, // orgOptionProps,
orgOptions: [], // orgOptions: [],
pageNo: 1, pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20, pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1, total: 1,
@ -168,6 +179,22 @@ export default {
disabledDate: startDisabledDate, disabledDate: startDisabledDate,
}, },
searchH: 180, searchH: 180,
createdByArray: [],
statusArray: [
{
label: '已完成',
value: 'resolved'
},
{
label: '已取消',
value: 'cancel',
},
{
label: '进行中',
value: 'deal',
}
],
manager: false
}; };
}, },
computed: { computed: {
@ -180,12 +207,34 @@ export default {
}, },
watch: { watch: {
}, },
mounted() { async mounted() {
const user = this.$store.state.user;
await this.getStafflist()
if (user) {
if (user.roleList.findIndex(item => item === "manager") !== -1) {
this.manager = false;
}else {
this.manager = true;
this.formData.createdBy = this.createdByArray.find(item=>item.mobile === user.phone).staffId
}
}
this.getTableData() this.getTableData()
this.getOrgTreeList() // this.getOrgTreeList()
}, },
methods: { methods: {
handleShowPage(){ async getStafflist() {
let parms = {
orgId:this.$store.state.user.agencyId,
orgType: 'agency',
pageNo: 1,
pageSize: 100,
};
let {data,code} = await requestPost('/data/aggregator/org/stafflist',parms)
if(code === 0){
this.createdByArray = data.staffList;
}
},
handleShowPage() {
this.pageType = 'list'; this.pageType = 'list';
}, },
handleAdd() { handleAdd() {
@ -195,15 +244,15 @@ export default {
handleInfo() { handleInfo() {
this.pageType = 'info' this.pageType = 'info'
}, },
handleChangeAgency(val) { // handleChangeAgency(val) {
this.sarr = [] // this.sarr = []
this.getLastItem( // this.getLastItem(
this.orgOptions, // this.orgOptions,
val, // val,
"agencyId" // "agencyId"
); // );
this.level = this.sarr[this.sarr.length - 1].level // this.level = this.sarr[this.sarr.length - 1].level
}, // },
getLastItem(list, vals, key) { getLastItem(list, vals, key) {
let LIST = list || []; let LIST = list || [];
for (let item of LIST) { for (let item of LIST) {
@ -217,21 +266,21 @@ export default {
} }
} }
}, },
getOrgTreeList() { // getOrgTreeList() {
this.$http // this.$http
.post('/gov/org/customeragency/agencygridtree', {}) // .post('/gov/org/customeragency/agencygridtree', {})
.then(({ data: res }) => { // .then(({ data: res }) => {
if (res.code !== 0) { // if (res.code !== 0) {
return this.$message.error(res.msg) // return this.$message.error(res.msg)
} else { // } else {
this.orgOptions = [] // this.orgOptions = []
this.orgOptions.push(res.data) // this.orgOptions.push(res.data)
} // }
}) // })
.catch(() => { // .catch(() => {
return this.$message.error('网络错误') // return this.$message.error('')
}) // })
}, // },
handleSizeChange(val) { handleSizeChange(val) {
this.pageSize = val; this.pageSize = val;
window.localStorage.setItem("pageSize", val); window.localStorage.setItem("pageSize", val);
@ -242,24 +291,12 @@ export default {
this.getTableData(); this.getTableData();
}, },
async getTableData() { async getTableData() {
const url = "/governance/icEventOld/list"; const url = "/actual/base/communityOneTablePublish/page";
if (Array.isArray(this.formData.agencyId) && this.formData.agencyId.length) {
if (this.level == "grid") {
this.formData.gridId = this.formData.agencyId[this.formData.agencyId.length - 1];
this.formData.agencyId = "";
} else {
this.formData.agencyId = this.formData.agencyId[this.formData.agencyId.length - 1];
this.formData.gridId = "";
}
} else {
this.formData.agencyId = "";
this.formData.gridId = "";
}
const { pageSize, pageNo, formData } = this; const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestGet(url, {
pageSize, pageSize,
pageNo, pageNo,
...formData, ...formData
}); });
if (code === 0) { if (code === 0) {
this.total = data.total || 0; this.total = data.total || 0;

Loading…
Cancel
Save