</template> <div class="content"> <div class="items"> <div class="label">当前办理部门：</div> <div class="value">{{ detail.gridName || detail.gridName || '' }}</div> </div> <div class="items"> <div class="label">转入该部门时间：</div> <div class="value">{{detail.happenTime || detail.serviceStartTime || ''}}</div> </div> <div class="items"> <div class="label">联系人：</div> <div class="value">{{detail.name || detail.demandUserName || ''}}</div> </div> <div class="items"> <div class="label">联系电话：</div> <div class="value">{{detail.mobile || detail.demandUserMobile || ''}}</div> <CallPhone icon="el-icon-phone"/> </div> <div class="items"> <div class="label">状态：</div> <div class="value">{{ detail.statusName}}</div> </div> <div class="items"> <div class="label">催办说明：</div> </div> <div class="items"> <el-input v-model.trim="content" :autosize="{ minRows: 5, maxRows: 10}" class="input" maxlength="500" placeholder="请填写催办说明，不超过500字" type="textarea"/> </div> <div class="btn-group"> <el-button class="cancel" plain round type="success" @click="handleClose">取消</el-button> <el-button class="sure" plain round type="warning" @click="handleSure">确定</el-button> </div> </div> </el-dialog> </div> </template> <script> import Title from "@/views/dataBoard/satisfactionEval/components/Title"; import CallPhone from "@/views/dataBoard/cpts/CallPhone"; export default { name: "Supervision", components: {Title, CallPhone}, data() { return { dialogVisible: false, content: "", detail: {}, type: '' } }, mounted() { }, methods: { handleClose(done) { this.dialogVisible = false; }, open(data,id,type) { this.dialogVisible = true; console.log(data,'data') this.detail = data || {} this.id = id this.type = type; }, handleSure() { this.$http.post('/governance/userdemand/urgent_supervision',{ type: this.type, eventid: this.id, serviceId: this.id, content: this.content }).then(({data: {data,code,msg}}) => { if (code == 0) { this.$message.success('提交成功') this.handleClose() } else { this.$message.error(msg) } }) } } } </script> <style lang="scss" scoped> @import "~@/assets/scss/dataBoard/dialog-small.scss"; .content { padding: 0 25px; .items { font-size: 14px; position: relative; display: flex; align-items: center; margin-bottom: 17px; .label { color: #9CB4D3; } .value { color: #FFFFFF; } } } /deep/ .el-textarea__inner { color: #fff; border: 1px solid #0E3978; border-radius: 2px; background: rgba(0, 23, 66, 0.72); } .btn-group { display: flex; align-items: center; justify-content: center; margin-top: 20px; .el-button { width: 136px; height: 36px; margin: 0 20px; } .sure { color: #8ED3FF; border: 1px solid #006CFF; background: rgba(0, 108, 255, 0.5); } .cancel { color: #B6D2FF; border: 1px solid #6496E8; background: rgba(116, 146, 194, 0.6); } } </style>