15 changed files with 1149 additions and 646 deletions
@ -0,0 +1,202 @@ |
|||
<template> |
|||
<view class="pages"> |
|||
|
|||
<view style="flex: 1;"></view> |
|||
<text class="btn-break" @click="btnClick('break')" v-show="showBreak">撤回</text> |
|||
<text class="btn-stop" @click="btnClick('stop')" v-show="showOther">终止</text> |
|||
<text class="btn-agree" @click="btnClick('agree')" v-show="showOther">同意</text> |
|||
|
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "ProcessButtons", |
|||
props: { |
|||
|
|||
showBreak: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
showOther: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
linkByParameter: Object, |
|||
|
|||
}, |
|||
watch: { |
|||
linkByParameter(newVal) { |
|||
console.log('xxx', newVal); |
|||
} |
|||
}, |
|||
|
|||
data() { |
|||
return {}; |
|||
}, |
|||
methods: { |
|||
|
|||
|
|||
btnClick(type) { |
|||
var _that = this |
|||
console.log('1111>>>>>>', _that.linkByParameter) |
|||
switch (type) { |
|||
case "break": |
|||
|
|||
wx.showModal({ |
|||
title: '请填写审批意见', |
|||
editable: true, |
|||
confirmText: "提交", |
|||
content: '', |
|||
success(res) { |
|||
if (res.confirm) { |
|||
console.log('用户点击确定', res) |
|||
|
|||
if (res.content) { |
|||
|
|||
_that.linkByParameter.comment = res.content |
|||
} else { |
|||
wx.showToast({ |
|||
title: '请填写审批意见', |
|||
icon: 'error', |
|||
duration: 3000 |
|||
}) |
|||
return |
|||
} |
|||
console.log('1111>>>>>>', _that.linkByParameter) |
|||
_that.$api.revokeProcess(_that.linkByParameter).then((resp) => { |
|||
console.log('1111>>>>>>', resp) |
|||
|
|||
_that.$emit("call-father"); |
|||
|
|||
}).catch(e => { |
|||
console.log('eeeee', e) |
|||
|
|||
}) |
|||
|
|||
} else if (res.cancel) { |
|||
console.log('用户点击取消', res) |
|||
} |
|||
} |
|||
}) |
|||
|
|||
break; |
|||
case "stop": |
|||
|
|||
wx.showModal({ |
|||
title: '请填写审批意见', |
|||
editable: true, |
|||
confirmText: "提交", |
|||
content: '', |
|||
success(res) { |
|||
if (res.confirm) { |
|||
console.log('用户点击确定', res) |
|||
|
|||
if (res.content) { |
|||
|
|||
_that.linkByParameter.comment = res.content |
|||
} else { |
|||
wx.showToast({ |
|||
title: '请填写审批意见', |
|||
icon: 'error', |
|||
duration: 3000 |
|||
}) |
|||
return |
|||
} |
|||
console.log('1111>>>>>>', _that.linkByParameter) |
|||
_that.$api.breakProcess(_that.linkByParameter).then((resp) => { |
|||
console.log('1111>>>>>>', resp) |
|||
_that.$emit("call-father"); |
|||
|
|||
}).catch(e => { |
|||
console.log('eeeee', e) |
|||
}) |
|||
|
|||
} else if (res.cancel) { |
|||
console.log('用户点击取消', res) |
|||
} |
|||
} |
|||
}) |
|||
|
|||
|
|||
break; |
|||
|
|||
case "agree": |
|||
|
|||
wx.showModal({ |
|||
title: '请填写审批意见', |
|||
editable: true, |
|||
confirmText: "提交", |
|||
content: '', |
|||
success(res) { |
|||
if (res.confirm) { |
|||
console.log('用户点击确定', res) |
|||
|
|||
_that.linkByParameter.comment = res.content == '' ? "同意" : res.content |
|||
console.log('1111>>>>>>', _that.linkByParameter) |
|||
_that.$api.completeProcess(_that.linkByParameter).then((resp) => { |
|||
console.log('1111>>>>>>', resp) |
|||
|
|||
_that.$emit("call-father"); |
|||
}).catch(e => { |
|||
console.log('eeeee', e) |
|||
}) |
|||
|
|||
} else if (res.cancel) { |
|||
console.log('用户点击取消', res) |
|||
} |
|||
} |
|||
}) |
|||
|
|||
|
|||
break; |
|||
default: |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.pages { |
|||
width: 90%; |
|||
background: #fff; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: end; |
|||
padding: 10px 20px; |
|||
|
|||
.btn-break { |
|||
margin-right: 10px; |
|||
background: #fff; |
|||
border-radius: 15px; |
|||
border: 1px solid #999; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
padding: 5px 20px; |
|||
color: #666; |
|||
} |
|||
|
|||
.btn-stop { |
|||
margin-right: 10px; |
|||
background: #fff; |
|||
border-radius: 15px; |
|||
border: 1px solid #999; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
padding: 5px 20px; |
|||
color: #666; |
|||
} |
|||
|
|||
.btn-agree { |
|||
background: #0A59F7; |
|||
border-radius: 15px; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
padding: 5px 20px; |
|||
color: #fff; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,371 @@ |
|||
<template> |
|||
<view class="pages"> |
|||
<view class="top"> |
|||
<text class="title">审批流程</text> |
|||
<text class="state" v-if="isFinish!=''">- 已办结</text> |
|||
</view> |
|||
|
|||
|
|||
<view v-for="(item,index) in dataList" class="newslist"> |
|||
|
|||
<view class="item"> |
|||
|
|||
<view class="item-top"> |
|||
|
|||
<text class="item-top-taskName">{{item.taskName}}</text> |
|||
<text class="item-top-taskstate" v-if="item.comment.type ==''">审批中</text> |
|||
</view> |
|||
|
|||
<view class="item-bom"> |
|||
|
|||
<view class="item-bom-view1" |
|||
:class="{'item-bom-view2':item.comment.type =='','item-bom-view3':item.comment.type =='0'}"> |
|||
</view> |
|||
|
|||
<view class="item-bom-one" v-if="item.taskUserInfos.length==1"> |
|||
|
|||
<view class="item-bom-one-lay"> |
|||
<view class="item-bom-one-lay-img"> |
|||
|
|||
<image class="item-bom-one-lay-img-header" |
|||
src='https://supervise.yxtsoft.com/img/user/userImage.png'></image> |
|||
|
|||
<image class="item-bom-one-lay-img-state" v-if="item.comment.type=='0'" |
|||
src='/static/baseIcon/fqw.png'></image> |
|||
|
|||
<image class="item-bom-one-lay-img-state" v-if="item.comment.type=='1'" |
|||
src='/static/baseIcon/ty.png'></image> |
|||
|
|||
<image class="item-bom-one-lay-img-state" v-if="item.comment.type=='6'" |
|||
src='/static/baseIcon/jj.png'></image> |
|||
|
|||
<image class="item-bom-one-lay-img-state" v-if="item.comment.type==''" |
|||
src='/static/baseIcon/spz.png'></image> |
|||
|
|||
</view> |
|||
|
|||
<view class="item-bom-one-lay-right"> |
|||
|
|||
<view class="item-bom-one-lay-right-top"> |
|||
<text |
|||
class="item-bom-one-lay-right-top-name">{{item.taskUserInfos[0].assigneeName}}</text> |
|||
<text class="item-bom-one-lay-right-top-time" |
|||
v-show="item.finishTime!=null">{{item.finishTime}}</text> |
|||
</view> |
|||
|
|||
<text class="item-bom-one-lay-right-top-state" v-if="item.comment.type=='0'">发起申请</text> |
|||
<text class="item-bom-one-lay-right-top-state" v-if="item.comment.type=='1'">已同意</text> |
|||
<text class="item-bom-one-lay-right-top-state" v-if="item.comment.type=='6'">已拒绝</text> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<view class="item-bom-one-opinion" v-if="item.comment.comment!=''"> |
|||
|
|||
<text>审批意见：</text> |
|||
<text>{{item.comment.comment}}</text> |
|||
|
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
|
|||
<scroll-view class="item-bom-list" scroll-x="true" @scroll="scroll" |
|||
v-if="item.taskUserInfos.length>1"> |
|||
|
|||
<view style="display: flex;flex-direction: row; margin-right: 20px;"> |
|||
|
|||
<view v-for="(info,pos) in item.taskUserInfos" class="item-bom-list-newslist"> |
|||
|
|||
<view class="item-bom-list-newslist-item"> |
|||
|
|||
<view class="item-bom-list-newslist-item-img"> |
|||
|
|||
<image class="item-bom-list-newslist-item-img-header" |
|||
src='https://supervise.yxtsoft.com/img/user/userImage.png'></image> |
|||
|
|||
<image class="item-bom-list-newslist-item-img-state" |
|||
src='../../static/baseIcon/spz.png'></image> |
|||
|
|||
</view> |
|||
|
|||
<text class="item-bom-list-newslist-item-name">{{info.assigneeName}}</text> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
|
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "ProcessRecords", |
|||
props: { |
|||
dataList: { |
|||
type: Array, |
|||
default: function() { |
|||
return [] |
|||
} |
|||
}, |
|||
procInsId: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
deployId: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
isFinish:{ |
|||
type: String, |
|||
default: "" |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
}; |
|||
}, |
|||
methods: { |
|||
scroll: function(e) { |
|||
console.log(e) |
|||
this.old.scrollTop = e.detail.scrollTop |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.pages { |
|||
margin-bottom: 150px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.top{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
width: 100%; |
|||
background: #fff; |
|||
align-items: center; |
|||
padding-top: 15px; |
|||
.title { |
|||
|
|||
margin-left: -5px; |
|||
font-size: 18px; |
|||
font-weight: 600; |
|||
font-family: sans-serif; |
|||
color: #000; |
|||
} |
|||
.state{ |
|||
|
|||
margin-left: 5px; |
|||
font-size: 15px; |
|||
font-weight: 600; |
|||
font-family: sans-serif; |
|||
color: #848484; |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
.newslist { |
|||
background: #fff; |
|||
padding-bottom: 10px; |
|||
padding-left: 20px; |
|||
padding-right: 20px; |
|||
width: 100%; |
|||
padding-top: 10px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.item { |
|||
width: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.item-top { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
|
|||
.item-top-taskName { |
|||
font-size: 16px; |
|||
font-weight: 600; |
|||
font-family: sans-serif; |
|||
color: #000; |
|||
} |
|||
|
|||
.item-top-taskstate { |
|||
margin-left: 10px; |
|||
font-size: 15px; |
|||
color: #848484; |
|||
} |
|||
} |
|||
|
|||
.item-bom { |
|||
margin-left: 5px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
margin-top: 10px; |
|||
margin-right: 20px; |
|||
|
|||
.item-bom-view1 { |
|||
width: 2px; |
|||
height: 100%; |
|||
margin-right: 5px; |
|||
background: #1684FC; |
|||
} |
|||
|
|||
.item-bom-view2 { |
|||
margin-right: 5px; |
|||
width: 2px; |
|||
height: 100%; |
|||
background: #ccc; |
|||
} |
|||
|
|||
.item-bom-view3 { |
|||
margin-right: 5px; |
|||
width: 2px; |
|||
height: 100%; |
|||
background: none |
|||
} |
|||
|
|||
|
|||
.item-bom-one { |
|||
width: 100%; |
|||
margin: 10px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-right: 30px; |
|||
|
|||
.item-bom-one-lay { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
|
|||
.item-bom-one-lay-img { |
|||
width: 50px; |
|||
height: 50px; |
|||
|
|||
.item-bom-one-lay-img-header { |
|||
width: 40px; |
|||
height: 40px; |
|||
border-radius: 10px; |
|||
} |
|||
|
|||
.item-bom-one-lay-img-state { |
|||
width: 15px; |
|||
height: 15px; |
|||
z-index: 1000; |
|||
position: relative; |
|||
top: -15px; |
|||
right: -28px; |
|||
} |
|||
} |
|||
|
|||
|
|||
.item-bom-one-lay-right { |
|||
flex: 1; |
|||
margin-left: 5px; |
|||
margin-top: -10px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.item-bom-one-lay-right-top { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
|
|||
.item-bom-one-lay-right-top-name { |
|||
flex: 1; |
|||
font-size: 14px; |
|||
color: #232323; |
|||
} |
|||
|
|||
.item-bom-one-lay-right-top-time { |
|||
font-size: 12px; |
|||
color: #999999; |
|||
|
|||
} |
|||
} |
|||
|
|||
.item-bom-one-lay-right-top-state { |
|||
margin-top: 5px; |
|||
font-size: 12px; |
|||
color: #666666; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.item-bom-one-opinion { |
|||
font-size: 13px; |
|||
color: #666666; |
|||
} |
|||
|
|||
} |
|||
|
|||
|
|||
.item-bom-list { |
|||
width: 90%; |
|||
|
|||
.item-bom-list-newslist { |
|||
display: flex; |
|||
flex-direction: row; |
|||
|
|||
.item-bom-list-newslist-item { |
|||
display: flex; |
|||
margin: 10px; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
|
|||
.item-bom-list-newslist-item-img { |
|||
width: 50px; |
|||
height: 50px; |
|||
|
|||
.item-bom-list-newslist-item-img-header { |
|||
width: 40px; |
|||
height: 40px; |
|||
border-radius: 10px; |
|||
|
|||
} |
|||
|
|||
.item-bom-list-newslist-item-img-state { |
|||
width: 15px; |
|||
height: 15px; |
|||
z-index: 1000; |
|||
position: relative; |
|||
top: -15px; |
|||
right: -28px; |
|||
} |
|||
} |
|||
|
|||
.item-bom-list-newslist-item-name { |
|||
text-align: center; |
|||
margin-left: -8px; |
|||
font-size: 14px; |
|||
color: #232323; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,337 @@ |
|||
<template> |
|||
<view class="pages"> |
|||
|
|||
<view class="top"> |
|||
|
|||
<text class="top-text1">{{info.applicant_name}}提交的印鉴使用申请</text> |
|||
<text class="top-text2">{{info.ent_name}}</text> |
|||
|
|||
</view> |
|||
|
|||
<view class="con"> |
|||
|
|||
<view class="con-item"> |
|||
<text class="con-item-title">项目名称</text> |
|||
<text class="con-item-data">{{info.project_name}}</text> |
|||
</view> |
|||
<view class="con-item"> |
|||
<text class="con-item-title">申请人</text> |
|||
<text class="con-item-data">{{info.applicant_name}}</text> |
|||
</view> |
|||
<view class="con-item"> |
|||
<text class="con-item-title">使用人</text> |
|||
<text class="con-item-data">{{info.user_name}}</text> |
|||
</view> |
|||
<view class="con-item"> |
|||
<text class="con-item-title">用印事由</text> |
|||
<text class="con-item-data">{{info.use_reason}}</text> |
|||
</view> |
|||
<view class="con-item"> |
|||
<text class="con-item-title">使用日期</text> |
|||
<text class="con-item-data">{{info.use_date}}</text> |
|||
</view> |
|||
<view class="con-item"> |
|||
<text class="con-item-title">用印文件名称</text> |
|||
<text class="con-item-data">{{info.use_file_name}}</text> |
|||
</view> |
|||
<view class="con-item"> |
|||
<text class="con-item-title">加盖何种公章</text> |
|||
<text class="con-item-data">{{seal_type}}</text> |
|||
</view> |
|||
<view class="con-item"> |
|||
<text class="con-item-title">用印文件(附件)</text> |
|||
|
|||
<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120"> |
|||
<view style="display: flex;flex-direction: row;"> |
|||
<view v-for="(item,index) in info.file_paths" class="newslist" @click="itemClick(item)"> |
|||
|
|||
|
|||
<image class="newslist-item" :src="item"></image> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
|
|||
|
|||
</view> |
|||
<view class="con-item"> |
|||
<text class="con-item-title">备注</text> |
|||
<text class="con-item-data">{{info.remarks}}</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<ProcessRecords class="Process" :deployId='params.deployId' :procInsId='params.procInsId' :dataList='dataList' :isFinish="isFinish"> |
|||
</ProcessRecords> |
|||
|
|||
|
|||
<ProcessButtons v-show="showBtn" class="ProcessButtons" :showBreak='showBreak' :showOther="showOther" :linkByParameter="linkByParameter" |
|||
@call-father="fatherMethodHandle"> |
|||
</ProcessButtons> |
|||
|
|||
<view style="display: flex;flex-direction: column; height: 50px; margin-top: 150px;width: 100%;"></view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
sid: "", |
|||
type: "", |
|||
showBtn: false, |
|||
showBreak: false, |
|||
showOther: true, |
|||
isFinish:"", |
|||
previousPersonSid:"", |
|||
linkByParameter:{ |
|||
businessSid:"", |
|||
instanceId:"", |
|||
taskId:"", |
|||
taskDefKey:"", |
|||
orgsidPath:"", |
|||
comment:"", |
|||
userSid:"", |
|||
}, |
|||
params: { |
|||
procInsId: "", |
|||
deployId: "" |
|||
}, |
|||
info: {}, |
|||
seal_type: "", |
|||
dataList: [] |
|||
} |
|||
}, |
|||
onLoad(option) { |
|||
this.sid = option.sid |
|||
this.type = option.type |
|||
this.previousPersonSid = option.previousPersonSid |
|||
this.isFinish = option.isFinish |
|||
|
|||
console.log('this.isFinish>>>>>>', option.isFinish) |
|||
var userSid = getApp().globalData.sid |
|||
|
|||
if (this.type == '1') { |
|||
|
|||
this.showBtn = true |
|||
this.showBreak = false |
|||
|
|||
} else { |
|||
this.showOther = false |
|||
|
|||
if(this.isFinish){ |
|||
this.showBtn = false |
|||
}else{ |
|||
if (this.previousPersonSid != userSid) { |
|||
this.showBtn = false |
|||
this.showBreak = false |
|||
|
|||
} else { |
|||
this.showBtn = true |
|||
this.showBreak = true |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
this.getData(this.sid) |
|||
|
|||
this.linkByParameter={ |
|||
|
|||
businessSid:option.sid, |
|||
instanceId:option.procInsId, |
|||
taskId: option.taskId, |
|||
taskDefKey:option.taskDefKey, |
|||
orgsidPath:getApp().globalData.orgSidPath, |
|||
comment:"", |
|||
userSid:getApp().globalData.sid, |
|||
} |
|||
|
|||
|
|||
this.params = { |
|||
procInsId: option.procInsId, |
|||
deployId: option.deployId |
|||
} |
|||
|
|||
console.log('this.params>>>>>>', this.params) |
|||
|
|||
this.$api.flowRecordList(this.params).then((resp) => { |
|||
|
|||
console.log('getData>>>>>>', resp.flowList) |
|||
|
|||
this.dataList = resp.flowList |
|||
|
|||
|
|||
}).catch(e => { |
|||
console.log('eeeee', e) |
|||
}) |
|||
|
|||
|
|||
}, |
|||
methods: { |
|||
scroll: function(e) { |
|||
console.log(e) |
|||
this.old.scrollTop = e.detail.scrollTop |
|||
}, |
|||
itemClick(imgUrl) { |
|||
wx.previewImage({ |
|||
current: '', |
|||
urls: [imgUrl] |
|||
|
|||
}) |
|||
}, |
|||
getData(sid) { |
|||
console.log('sid', sid) |
|||
var _this = this |
|||
this.$api.sealApplyDetail(sid).then((resp) => { |
|||
console.log('1111>>>>>>', resp) |
|||
|
|||
_this.info = resp |
|||
|
|||
for (var i = 0; i < _this.info.seal_type.length; i++) { |
|||
var data = _this.info.seal_type[i] |
|||
_this.seal_type += data + "," |
|||
} |
|||
|
|||
console.log('seal_type>>>>>>', _this.seal_type.substring(0, _this.seal_type.length - 1)) |
|||
|
|||
_this.seal_type = _this.seal_type.substring(0, _this.seal_type.length - 1) |
|||
|
|||
// _this.info.file_paths = [ |
|||
// 'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg', |
|||
// 'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg', |
|||
// 'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg', |
|||
// 'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg', |
|||
// 'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg', |
|||
// 'https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg' |
|||
// ] |
|||
|
|||
|
|||
|
|||
}).catch(e => { |
|||
console.log('eeeee', e) |
|||
}) |
|||
|
|||
|
|||
}, |
|||
fatherMethodHandle(){ |
|||
this.showBtn = false |
|||
this.$api.flowRecordList(this.params).then((resp) => { |
|||
|
|||
console.log('getData>>>>>>', resp.flowList) |
|||
|
|||
this.dataList = resp.flowList |
|||
|
|||
|
|||
}).catch(e => { |
|||
console.log('eeeee', e) |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.pages { |
|||
width: 100%; |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.top { |
|||
margin-top: 10px; |
|||
background: #fff; |
|||
padding: 10px 20px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.top-text1 { |
|||
font-size: 16px; |
|||
color: #101010; |
|||
font-weight: 600; |
|||
font-family: sans-serif; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 1; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.top-text2 { |
|||
margin-top: 5px; |
|||
font-size: 14px; |
|||
color: #666; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 1; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
} |
|||
|
|||
.con { |
|||
margin-top: 10px; |
|||
background: #fff; |
|||
padding: 10px 20px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.con-item { |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.con-item-title { |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
color: #A7A7A7; |
|||
} |
|||
|
|||
.con-item-data { |
|||
margin-top: 5px; |
|||
font-size: 15px; |
|||
color: #191919; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 1; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.newslist { |
|||
display: flex; |
|||
flex-direction: row; |
|||
width: 100%; |
|||
|
|||
.newslist-item { |
|||
display: flex; |
|||
flex-direction: row; |
|||
margin: 10px 15px 0px 0px; |
|||
border: 1px solid #4D72FF; |
|||
width: 80px; |
|||
height: 80px; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
.Process { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.ProcessButtons { |
|||
z-index: 9999; |
|||
position: fixed; |
|||
bottom: 0; |
|||
width: 100%; |
|||
|
|||
} |
|||
|
|||
|
|||
} |
|||
</style> |
|||
|
After Width: | Height: | Size: 800 B |
|
After Width: | Height: | Size: 881 B |
|
After Width: | Height: | Size: 805 B |
|
After Width: | Height: | Size: 1020 B |
Loading…
Reference in new issue