Skip to content

S
SuperMan
Commit 6c9e01e1 authored by youjie's avatar youjie
Browse files
Options

no message

parent aa087983
Show whitespace changes
Inline Side-by-side
Showing with 319 additions and 69 deletions
src/components/Hotel/memorandum/memorandumList.vue
View file @ 6c9e01e1
......@@ -16,6 +16,233 @@
.zidingyiFz i {
font-size: 14px !important;
}
.page_addFD {
margin-top: 20px;
position: relative;
height: 1024px;
}
.page_form {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 60px;
}
.Receipt_box {
padding: 15px;
color: #c94052;
width: 100%;
width: 830px;
position: absolute;
}
.Receipt_box tr th {
color: #c94052
}
.Receipt_box.color_blur tr th {
color: #c94052
}
.Receipt_box.color_blur {
color: #c94052;
background-color: white
}
.Receipt_box.color_blur .rb_stit span {
display: inline-block;
border-bottom: 2px solid #c94052;
padding: 0 20px
}
.rb_tit {
font-size: 18px;
text-align: center
}
.rb_stit {
font-size: 14px;
text-align: center;
margin-top: 10px;
}
.rb_stit span {
display: inline-block;
border-bottom: 2px solid #C94052;
padding: 0 20px
}
.rb_top_row {
display: flex;
justify-content: space-between;
font-size: 12px;
align-items: center;
margin-top: 10px
}
.rb_top_row span._r_name {
color: #333333;
display: inline-block;
}
.rb_top_row span._r_bold {
font-weight: bold
}
.rb_top_row ._r_time span {
color: #333333
}
._r_mb5 {
margin-bottom: 10px;
}
.Receipt_table {
width: 100%;
font-size: 14px;
text-align: center
}
.Receipt_table th {
font-weight: 200 !important
}
.Receipt_table tr th,
.Receipt_table tr td {
background-color: white;
position: relative;
}
._r_mt10 {
margin-top: 10px;
}
.Receipt_box.color_blur {
color: #c94052;
}
.Receipt_box.color_blur .rb_stit span {
display: inline-block;
border-bottom: 2px solid #c94052;
padding: 0 20px
}
td {
padding: 5px;
height: 34px;
}
._border_b_1 {
border-bottom: 1px solid #666666 !important;
color: #666666
}
._flow_chart {
position: absolute;
display: inline-block;
right: 15px;
top: 7px;
padding: 5px 25px;
font-size: 12px;
color: #FFFFFF;
background-color: #E95252;
border-radius: 14px;
cursor: pointer;
}
._explain {
padding: 20px 0 10px 0;
border-top: 1px dashed #BFBFBF;
background-color: white;
margin-top: 15px
}
._explain>p {
color: #1273BC;
font-size: 12px;
}
._explain>div {
display: flex;
justify-content: space-between;
font-size: 12px;
color: #333333;
margin-top: 10px;
align-items: center;
}
._explain>div span {
display: inline-block;
}
._remark p {
color: #1273BC;
font-size: 12px;
}
._remark textarea {
width: 100%;
height: 100px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(220, 220, 220, 1);
border-radius: 4px;
margin-top: 10px;
padding: 15px;
}
._log_t {
padding: 10px;
}
._submit {
height: 50px;
padding: 10px 20px;
width: 830px;
position: absolute;
bottom: -50px;
left: 0;
display: flex;
background-color: white;
}
._submit .btn-box {
width: 216px;
}
._submit .chosenNextBox {
flex: 1;
font-size: 12px;
height: 30px;
line-height: 30px;
}
._submit .chosenNextBox .red {
color: #C94052;
margin-right: 15px;
}
._submit .el-input__inner {
width: 300px !important;
}
._color_b {
color: #333333 !important;
font-size: 12px
}
._AccountNumber {
font-size: 14px;
color: #333333;
display: inline-block;
min-width: 307px;
}
._font_size12 {
font-size: 12px !important
}
._addUpload_box {
display: block;
margin-top: 15px;
......@@ -41,6 +268,10 @@
._addUpload_box>div:hover {
background-color: #f5f5f5;
}
/deep/._addUpload_box .el-upload-dragger{
width: 126px !important;
height: 80px !important;
}
._addFile_name {
padding-left: 15px;
......@@ -167,26 +398,48 @@
<div class="clearfix"></div>
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>日期</th>
<th>名称</th>
<th>描述</th>
<th>文件</th>
<th>操作人</th>
<th>操作日期</th>
<th>操作</th>
<th width="150px">日期</th>
<th width="150px">名称</th>
<th style="min-width: 300px;">描述</th>
<th width="200px">文件</th>
<th width="100px">操作人</th>
<th width="150px">操作日期</th>
<th width="150px">操作</th>
</tr>
<tr v-for="(item, index) in DataList" v-loading="loading">
<td>{{ item.Date }}</td>
<td>{{ item.Name }}</td>
<td>{{ item.Content }}</td>
<td>
<span v-for="x in item.FileList">
{{x.Nmae}}
</span>
<td width="150px">{{ item.Date }}</td>
<td width="150px">{{ item.Name }}</td>
<td style="min-width: 200px;max-width: 400px;">
<el-tooltip class="item" effect="dark" :content="item.Content" placement="bottom">
<div style="overflow: hidden;white-space: nowrap;width: 100%;">{{ item.Content }}...</div>
</el-tooltip>
</td>
<td>{{ item.UpddateName }}</td>
<td>{{ item.UpdateTime }}</td>
<td>
<td width="200px">
<div class="_addUpload_box clearfix">
<template v-for="(file,fIndex) in item.FileList">
<div v-if="file.FileType==1" style="width: 30px;height: 30px;">
<div style="width:100%;height:100%;overflow: hidden;">
<img v-if="file.Url" :src="file.Url" @click="showUpLoadFile(file)">
</div>
</div>
<div v-if="file.FileType==2" style="width: 30px;height: 30px;">
<div class="iconfont " style="line-height: 19px;font-size: 18px;"
:class="file.Name.substring(file.Name.lastIndexOf('.')+1,file.Name.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"
@click="showUpLoadFile(file)">
</div>
</div>
<div v-if="file.FileType==3" style="width: 30px;height: 30px;">
<div class="iconfont icon-excel" @click="showUpLoadFile(file)">
</div>
</div>
</template>
</div>
</td>
<td width="200px">{{ item.UpddateName }}</td>
<td width="150px">{{ item.UpdateTime }}</td>
<td width="150px">
<template v-if="userInfo.EmployeeId==item.UpdateBy">
<el-tooltip class="item" effect="dark" content="修改备忘录" placement="top">
<el-button type="primary" icon="el-icon-edit" circle @click="
(outerVisible = true),
......@@ -199,6 +452,7 @@
deleteData(item)
"></el-button>
</el-tooltip>
</template>
</td>
</tr>
</table>
......@@ -208,45 +462,31 @@
</el-pagination>
<el-dialog custom-class="w800" :title="dialogTitle" :visible.sync="outerVisible" center
:close="closeChangeMachie">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<table class="layerTable layerNoIcon">
<tr>
<td>
<el-form-item label="备忘录名称" prop="Name">
<el-form-item label="备忘录名称" prop="Name" style="margin-bottom: 10px;">
<el-input maxlength="20" class="w217" type="text" v-model="addMsg.Name"
placeholder="请输入备忘录名称"></el-input>
</el-form-item>
</td>
<td>
<el-form-item label="日期" prop="Date">
<el-form-item label="日期" prop="Date" style="margin-bottom: 10px;">
<el-date-picker value-format="yyyy-MM-dd" class="w217" v-model="addMsg.Date" type="date" :clearable="false">
</el-date-picker>
</el-form-item>
</td>
</tr>
<tr>
<td>
<el-form-item label="描述" prop="">
<el-input maxlength="-1" type="textarea" :rows="2" v-model="addMsg.Content"
placeholder="描述" style="width: 91%;"></el-input>
</table>
</el-form>
<el-form label-width="100px">
<el-form-item label="描述" prop="" style="margin-bottom: 10px;">
<el-input maxlength="-1" type="textarea" :rows="5" v-model="addMsg.Content"
placeholder="描述" style="width: 100%;"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>
<div class="_pic_upload" style="display: flex;justify-content: start;">
<el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
<div style="margin-top: 60px;">
<i class="el-icon-plus avatar-uploader-icon"></i>
<div class="el-upload__text">{{$t("active.ld_djscwj")}}</div>
</div>
</el-upload>
</div>
</td>
<td>
<div class="_addUpload_box clearfix" >
</el-form>
<div class="_addUpload_box clearfix" style="margin-top: 20px;">
<template v-for="(file,fIndex) in addMsg.FileList">
<div v-if="file.FileType==1">
<div style="width:100%;height:100%;overflow: hidden;">
......@@ -261,20 +501,20 @@
</div>
<span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
</div>
<div v-if="file.Type==3">
<div v-if="file.FileType==3">
<div class="iconfont icon-excel" @click="showUpLoadFile(file)">
</div>
<span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
</div>
</template>
<div class="_pic_upload" style="display: flex;justify-content: start;">
<el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
<i class="el-icon-plus avatar-uploader-icon" style="margin-top: 16px;"></i>
<div class="el-upload__text">{{$t("active.ld_djscwj")}}</div>
</el-upload>
</div>
</div>
</td>
</tr>
</table>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="outerVisible=false,resetForm('addMsg')">
{{ $t("pub.cancelBtn") }}
......@@ -295,6 +535,16 @@
</div>
</div>
</el-dialog>
<div v-if='picIsShow&&!outerVisible' class="_show_img_box" @click="picIsShow=false,picObj=[]">
<div
style="position: absolute; width: 800px; height: 600px; left: 50%; top: 50%; margin-left: -400px; margin-top: -300px;">
<el-carousel :initial-index=initialIndex height="600px" :interval="5000" trigger="click">
<el-carousel-item style="height: 600px;overflow:auto;" v-for="(item,index) in picObj" :key="index">
<img :src="item" style="" />
</el-carousel-item>
</el-carousel>
</div>
</div>
</div>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment