|
|
@@ -8,6 +8,7 @@
|
|
|
:placeholder="placeholder"
|
|
|
:maxlength="props.maxlength"
|
|
|
:disabled="props.disabled"
|
|
|
+ class="textarea-content"
|
|
|
>
|
|
|
</el-input>
|
|
|
<span class="buttons">
|
|
|
@@ -43,9 +44,9 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<div class="comments-container" v-loading="state.loading">
|
|
|
- <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick" v-if="state.active === 'default'">
|
|
|
- <el-tab-pane label="个人常用语" name="personal"></el-tab-pane>
|
|
|
- <el-tab-pane label="公共常用语" name="public"></el-tab-pane>
|
|
|
+ <el-tabs v-model="activeName" @tab-change="handleClick" v-if="state.active === 'default'">
|
|
|
+ <el-tab-pane label="个人常用意见" name="personal"></el-tab-pane>
|
|
|
+ <el-tab-pane label="公共常用意见" name="public"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
<template v-if="state.adviceList.length">
|
|
|
<!-- 默认状态 -->
|
|
|
@@ -79,13 +80,14 @@
|
|
|
<template v-if="state.active === 'add'">
|
|
|
<div>
|
|
|
<el-form :model="state.adviceForm" ref="adviceFormRef">
|
|
|
- <el-form-item label="" prop="content" :rules="[{ required: true, message: '请填写新增常用意见', trigger: 'blur' }]">
|
|
|
+ <el-form-item label="" prop="content" :rules="[{ required: true, message: '请填写常用意见内容', trigger: 'blur' }]">
|
|
|
<el-input
|
|
|
v-model="state.adviceForm.content"
|
|
|
type="textarea"
|
|
|
:autosize="{ minRows: 10, maxRows: 10 }"
|
|
|
- placeholder="请填写新增常用意见"
|
|
|
- clearable
|
|
|
+ placeholder="请填写常用意见内容"
|
|
|
+ show-word-limit
|
|
|
+ maxlength="200"
|
|
|
>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -235,6 +237,7 @@ const getList = async () => {
|
|
|
// 切换tab查询意见
|
|
|
const handleClick = (val: string) => {
|
|
|
isOpen.value = val === 'public';
|
|
|
+ if(isOpen.value) state.manage = false;
|
|
|
getList();
|
|
|
};
|
|
|
// 选中常用意见（管理）
|
|
|
@@ -317,7 +320,14 @@ defineExpose({
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.textarea {
|
|
|
- position: relative;
|
|
|
+ .textarea-content{
|
|
|
+ position: relative;
|
|
|
+ :deep(.el-input__count) {
|
|
|
+ font-size: 16px;
|
|
|
+ bottom: 20px;
|
|
|
+ right: 250px;
|
|
|
+ }
|
|
|
+ }
|
|
|
.buttons {
|
|
|
position: absolute;
|
|
|
right: 10px;
|
|
|
@@ -326,11 +336,6 @@ defineExpose({
|
|
|
:deep(.el-textarea__inner) {
|
|
|
padding-bottom: 40px;
|
|
|
}
|
|
|
- :deep(.el-textarea .el-input__count) {
|
|
|
- font-size: 16px;
|
|
|
- bottom: 20px;
|
|
|
- right: 250px;
|
|
|
- }
|
|
|
}
|
|
|
.comments-container {
|
|
|
.comments-box {
|
zhangchong