elink-star
/
epmet-oper-gov
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

项目管理处理样式

feature/dev_worklog2
jiangyy 3 years ago
parent
184edb2d4f
commit
f822dbb3a5
2 changed files with 196 additions and 146 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 32
      src/assets/scss/modules/shequzhili/project-info.scss
  2. 310
      src/views/modules/shequzhili/xiangmu/cpts/project-info.vue

32
src/assets/scss/modules/shequzhili/project-info.scss
View File

@ -418,3 +418,35 @@
box-shadow:none
}
.process-form{
margin-top:20px;
.process-title {
margin-bottom: 25px;
margin-left: -5px;
font-size: 16px;
font-family: PingFang SC;
font-weight: bold;
color: #333;
line-height: 18px;
}
.process-title-vis{
color: #fff;
}
}
.form-item::v-deep .el-form-item__label {
color: #fff;
}
.form-item {
.el-radio {
color: #fff;
}
.el-checkbox {
color: #fff;
}
}

310
src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
View File

@ -173,64 +173,70 @@
</div>
</el-card>
<el-card :class="{'box-card':source==='visiual'}"
v-if="projectInfo.processable && projectInfo.projectStatus == 'pending'">
<h3>处理</h3>
<div class="m-fm">
<el-form ref="fm"
:inline="false"
:model="fmData"
:rules="dataRule"
label-position="left"
label-width="100px">
<el-form-item label="处理方式："
prop="operateType">
<el-radio-group v-model="fmData.operateType">
<el-radio label="dispose">处理/响应</el-radio>
<el-radio label="close">结案</el-radio>
<el-radio label="turn">转其他机关/科室</el-radio>
<el-radio label="back"
v-if="projectInfo.returnable">退回</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="您的身份："
prop="projectStaffId"
v-if="myDepartmentList.length > 1">
<el-select v-model.trim="fmData.projectStaffId"
placeholder="请选择"
class="resi-cell-select">
<el-option v-for="item in myDepartmentList"
:key="item.projectStaffId"
:label="item.departmentName"
:value="item.projectStaffId">
</el-option>
</el-select>
</el-form-item>
<el-form-item v-if="fmData.operateType == 'turn'"
label="处理部门："
prop="staffList">
<el-popover placement="bottom"
width="400"
height="400"
v-model="visibleStaffPanel">
<div class="f">
<select-staff @confirm="(ret) => (fmData.staffList = ret)"
@close="visibleStaffPanel = false" />
</div>
<div slot="reference">
<a v-if="fmData.staffList.length == 0"
style="cursor: pointer">点击选择</a>
<a v-else
style="cursor: pointer">已选 {{ fmData.staffList.length }} 人</a>
</div>
</el-popover>
</el-form-item>
<!-- <el-form-item v-if="fmData.operateType != 'back'"
<div class="process-form">
<el-card :class="{'box-card':source==='visiual'}"
v-if="projectInfo.processable && projectInfo.projectStatus == 'pending'">
<div :class="['process-title',{'process-title-vis':source==='visiual'}]">处理</div>
<div class="m-fm">
<div :class="{'visiual-form':source==='visiual'}">
<el-form ref="fm"
:inline="false"
:model="fmData"
:rules="dataRule"
label-position="left"
label-width="100px">
<el-form-item label="处理方式："
:class="{'form-item':source==='visiual'}"
prop="operateType">
<el-radio-group v-model="fmData.operateType">
<el-radio label="dispose">处理/响应</el-radio>
<el-radio label="close">结案</el-radio>
<el-radio label="turn">转其他机关/科室</el-radio>
<el-radio label="back"
v-if="projectInfo.returnable">退回</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="您的身份："
:class="{'form-item':source==='visiual'}"
prop="projectStaffId"
v-if="myDepartmentList.length > 1">
<el-select v-model.trim="fmData.projectStaffId"
placeholder="请选择"
class="resi-cell-select">
<el-option v-for="item in myDepartmentList"
:key="item.projectStaffId"
:label="item.departmentName"
:value="item.projectStaffId">
</el-option>
</el-select>
</el-form-item>
<el-form-item v-if="fmData.operateType == 'turn'"
label="处理部门："
:class="{'form-item':source==='visiual'}"
prop="staffList">
<el-popover placement="bottom"
width="400"
height="400"
v-model="visibleStaffPanel">
<div class="f">
<select-staff @confirm="(ret) => (fmData.staffList = ret)"
@close="visibleStaffPanel = false" />
</div>
<div slot="reference">
<a v-if="fmData.staffList.length == 0"
style="cursor: pointer">点击选择</a>
<a v-else
style="cursor: pointer">已选 {{ fmData.staffList.length }} 人</a>
</div>
</el-popover>
</el-form-item>
<!-- <el-form-item v-if="fmData.operateType != 'back'"
label="协办单位："
:class="{'form-item':source==='visiual'}"
prop="assistanceUnitIndex">
<el-select v-model.trim="fmData.assistanceUnitIndex"
placeholder="请选择"
@ -243,79 +249,86 @@
</el-select>
</el-form-item> -->
<el-form-item v-if="fmData.operateType == 'back'"
label="退回到："
prop="projectProcessId">
<el-select v-model.trim="fmData.projectProcessId"
placeholder="请选择"
class="resi-cell-select">
<el-option v-for="item in returnableList"
:key="item.projectProcessId"
:label="item.processor"
:value="item.projectProcessId">
</el-option>
</el-select>
</el-form-item>
<el-form-item v-if="fmData.operateType == 'close'"
label="结案状态："
prop="closedStatus">
<el-select v-model.trim="fmData.closedStatus"
placeholder="请选择"
class="resi-cell-select">
<el-option v-for="item in resolveTypeList"
:key="item.closedStatus"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item v-if="fmData.operateType == 'close'"
label="结案说明："
prop="publicReply">
<el-input type="textarea"
:rows="2"
placeholder="您输入的结案说明会向居民公开展示"
v-model="fmData.publicReply">
</el-input>
</el-form-item>
<el-form-item label="内部备注："
prop="internalRemark">
<el-input type="textarea"
:rows="2"
placeholder="请输入内容"
v-model="fmData.internalRemark">
</el-input>
</el-form-item>
<el-form-item v-if="fmData.operateType != 'close'"
label="图片/附件："
prop="internalFile">
<el-upload class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:on-success="handleImgSuccess"
:on-remove="handleImgRemove"
:before-upload="beforeImgUpload">
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
<el-form-item v-if="fmData.operateType != 'close'"
label="公开回复："
prop="publicReply">
<el-input type="textarea"
:rows="2"
placeholder="请输入内容"
v-model="fmData.publicReply">
</el-input>
</el-form-item>
</el-form>
</div>
<!-- <div class="m-btns">
<el-form-item v-if="fmData.operateType == 'back'"
label="退回到："
:class="{'form-item':source==='visiual'}"
prop="projectProcessId">
<el-select v-model.trim="fmData.projectProcessId"
placeholder="请选择"
class="resi-cell-select">
<el-option v-for="item in returnableList"
:key="item.projectProcessId"
:label="item.processor"
:value="item.projectProcessId">
</el-option>
</el-select>
</el-form-item>
<el-form-item v-if="fmData.operateType == 'close'"
label="结案状态："
:class="{'form-item':source==='visiual'}"
prop="closedStatus">
<el-select v-model.trim="fmData.closedStatus"
placeholder="请选择"
class="resi-cell-select">
<el-option v-for="item in resolveTypeList"
:key="item.closedStatus"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item v-if="fmData.operateType == 'close'"
label="结案说明："
:class="{'form-item':source==='visiual'}"
prop="publicReply">
<el-input type="textarea"
:rows="2"
placeholder="您输入的结案说明会向居民公开展示"
v-model="fmData.publicReply">
</el-input>
</el-form-item>
<el-form-item label="内部备注："
:class="{'form-item':source==='visiual'}"
prop="internalRemark">
<el-input type="textarea"
:rows="2"
placeholder="请输入内容"
v-model="fmData.internalRemark">
</el-input>
</el-form-item>
<el-form-item v-if="fmData.operateType != 'close'"
label="图片/附件："
:class="{'form-item':source==='visiual'}"
prop="internalFile">
<el-upload class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:on-success="handleImgSuccess"
:on-remove="handleImgRemove"
:before-upload="beforeImgUpload">
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
<el-form-item v-if="fmData.operateType != 'close'"
label="公开回复："
:class="{'form-item':source==='visiual'}"
prop="publicReply">
<el-input type="textarea"
:rows="2"
placeholder="请输入内容"
v-model="fmData.publicReply">
</el-input>
</el-form-item>
</el-form>
</div>
</div>
<!-- <div class="m-btns">
<el-button size=""
style="margin-right: 50px"
@click="handleClose">关闭</el-button>
@ -324,24 +337,25 @@
@click="handleSubmit">确定</el-button>
</div> -->
<div v-if="source==='manage'"
class="m-btns ">
<el-button size="small"
@click="handleClose">关闭</el-button>
<el-button size=""
type="danger"
@click="handleSubmit">确定</el-button>
</div>
<div v-else
class="m-btns">
<div class="item_btn"
@click="handleClose">关闭</div>
<div class="item_btn mgl"
@click="handleSubmit">确定</div>
<div v-if="source==='manage'"
class="m-btns ">
<el-button size="small"
@click="handleClose">关闭</el-button>
<el-button size=""
type="danger"
@click="handleSubmit">确定</el-button>
</div>
<div v-else
class="m-btns">
<div class="item_btn"
@click="handleClose">关闭</div>
<div class="item_btn mgl"
@click="handleSubmit">确定</div>
</div>
</div>
</el-card>
</el-card>
</div>
</div>
<div class="g-right">
<el-card class="m-card"
@ -1249,6 +1263,10 @@ export default {
};
</script>
<style lang='scss' scoped>
@import "@/assets/scss/modules/visual/a_customize.scss";
</style>
<style
lang="scss"
src="@/assets/scss/modules/shequzhili/project-info.scss"

Write Preview
Loading…
Cancel
Save