elink-star
/
epmet-work-pc
17
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

详情

luckysheet-xiaowang-Intelligen
是小王呀\24601 8 months ago
parent
b54e09ecd3
commit
307c78623a
3 changed files with 214 additions and 22 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 34
      src/assets/scss/pages/resiInfo.scss
  2. 69
      src/views/modules/base/smartExcel/cpts/accepting-personel.vue
  3. 121
      src/views/modules/base/smartExcel/cpts/excel-info.vue

34
src/assets/scss/pages/resiInfo.scss
View File

@ -138,7 +138,41 @@
} }
} }
.flex_box1{
margin-left: 10%;
display: flex;
flex-wrap: wrap;
.f-flex{
margin-top: 23px;
width: 332px;
align-items: center;
.f-label {
width: 100px;
text-align: right;
color: rgba(51, 51, 51, .85) ;
>b{
font-weight: 400;
position: relative;
color: rgba(51, 51, 51, .85) ;
&::after{
content: '*';
position: absolute;
top: 0px;
color: #ff5107;
left: -7px;
}
}
}
}
.f-flex1{
flex: 1;
width: 100%;
margin-top: 23px;
align-items: center;
}
}
.f-labels{ .f-labels{
width: 155px; width: 155px;
text-align: right; text-align: right;

69
src/views/modules/base/smartExcel/cpts/accepting-personel.vue
View File

@ -0,0 +1,69 @@
<template>
<!-- 确认模板 -->
<div class=''>
<el-dialog title="模板确认" :visible.sync="showTemplate" width="50%" :close-on-click-modal="false">
<div id="luckysheet"></div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleCancel">取 消</el-button>
<el-button type="primary" @click="handleConfirm">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import options from "@/utils/luckysheetConfig.js";
export default {
data() {
return {};
},
created() { },
methods: {
handleCancel(){
this.$emit('handelHideTemplate')
},
handleConfirm(){
this.$emit('saveLuckysheetJson',this.exportJson)
}
},
mounted() {
console.log(this.fileUrl, 'fileUrl===');
this.urlToFile('http://localhost:9001/epmet-work-pc/test1.xlsx',this.fileName)
this.$nextTick(() => {
window.luckysheet.destroy();
options.title = '模板确认'
window.luckysheet.create({
...options,
hook: {
cellEditBefore: this.handleCellEditBefore,
},
});
})
},
props: {
showTemplate: {
type: Boolean,
default: false
},
fileUrl: {
type: String,
default: ''
},
fileName: {
type: String,
default: ''
},
},
components: {},
computed: {},
watch: {},
}
</script>
<style lang='scss' scoped>
#luckysheet {
height: 500px;
}
</style>

121
src/views/modules/base/smartExcel/cpts/excel-info.vue
View File

@ -2,30 +2,119 @@
<div class="g-main"> <div class="g-main">
<div class="right"> <div class="right">
<div class="title-small" id="base">任务信息 <div class="title-small" id="base">任务信息
<el-button <el-button type="text" class="div-table-button--blue" size="small"
type="text" @click="handelCLickShowCheckPassword('name')">返回</el-button>
class="div-table-button--blue"
size="small"
@click="handelCLickShowCheckPassword('name')"
>返回</el-button >
</div>
<div class="flex_box">
<div class="f-flex1">1</div>
<div class="f-flex1">2</div>
<div class="f-flex1">2</div>
</div> </div>
<div class="title-small" id="reside">任务进展情况</div> <el-form ref="form" label-position="left" :model="formData" label-width="120px"
style="margin-left: 3%; margin-top: 30px;">
<el-row>
<el-col :span="8">
<el-form-item label="任务主题">
<div style="display: flex; align-items: center;">
<div>{{ formData.title}}</div>
<div
style="display: flex;margin-left: 10px;
justify-content: center; align-items: center; width: 60px; height: 20px; border: 2px solid #ADD8E6; color: #ADD8E6; font-size: 12px;">
进行中
</div> </div>
</div> </div>
</template>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="任务发布时间">
<div>{{formData.date}}</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="任务发布部门">
<div>{{formData.bumen}}</div>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="任务发布人">
<div>{{formData.person}}</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="任务类型">
<div>{{formData.type}}</div>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="任务周期">
<div>{{formData.cycle}}</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="分发人员">
<div style="display: flex;flex-direction: row; align-items: center;">
<div>{{formData.fenfa}}</div>
<el-button style="margin-left: 10px;" type="text">查看接受人员名单</el-button>
<el-button type="text">调整接受人员</el-button>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="任务说明">
<div style="display: flex;flex-direction: row; align-items: center;">
<div>{{formData.shuoming}}</div>
<el-button style="margin-left: 10px;" type="text">[修改]</el-button>
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="title-small" id="reside">任务进展情况</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd">新增</el-button>
</div>
<el-table :data="tableData" border class="m-table-item" style="width: 70%;margin-left: 3%; margin-top: 30px;" :height="maxTableHeight" >
<el-table-column label="序号" fixed="left" type="index" align="center" width="80" />
<el-table-column prop="renwu" align="center" :show-overflow-tooltip="true" label="任务周期">
</el-table-column>
<el-table-column fixed="right" label="汇报情况" align="center" >
<template slot-scope="scope">
<el-button @click=" handleInfo(scope.row)" type="text" size="small">{{ scope.row.data }}</el-button>
<el-button @click="handleCancel(scope.row)" type="text" size="small" class="">查看</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class=''>
<el-dialog title="模板确认" :visible.sync="showTemplate" width="50%" :close-on-click-modal="false">
<acceptingPersonel :formData></acceptingPersonel>
</el-dialog>
</div>
</div>
</template>
<script> <script>
import excelSummary from "./excel-summary.vue"; import acceptingPersonel from "./cpts/accepting-personel.vue";
export default { export default {
data() { data() {
return { return {
showSummary:false showSummary:false,
formData:{
title:"请各社区提报党员信息进行中",
date:"2024-11-18 11:20:32",
person:"张三",
bumen:"xx区xx街道",
status:1,
type:"数据采集",
cycle:"每周",
fenfa:"16",
shuoming:"请各社区技照模板表格提报各自的党员信息，并于每周五前完成提报。请各社区按照模板表格提报各自的党员信息，并于每周五完成提报。请各社区按照模板表格提报各自的党员信息，并于每周五前完成提报"
},
tableData:[
{
renwu:"2024年11月 第三周",
data:"12/16",
}
]
}; };
}, },
created() {}, created() {},
@ -38,7 +127,7 @@ export default {
} }
}, },
components:{ components:{
excelSummary acceptingPersonel
}, },
computed:{}, computed:{},
watch: {}, watch: {},

Write Preview
Loading…
Cancel
Save