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

Write Preview
Loading…
Cancel
Save