民生诉求

zhsq_qk-ui/src/views/system/appeal/index.vue

@@ -69,7 +69,7 @@
       <el-table-column type="selection" width="55" align="center"/>
       <el-table-column label="序号" align="center" type="index"/>
       <el-table-column label="诉求标题" align="center" prop="appealName"/>
-      <el-table-column label="诉求描述" align="center" prop="appealDescribe"/>
+      <el-table-column show-overflow-tooltip label="诉求描述" align="center" prop="appealDescribe"/>
       <el-table-column label="上报时间" align="center" prop="appearTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.appearTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
@@ -114,7 +114,7 @@
 
     <!-- 添加或修改民生诉求对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="98px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="108px">
         <el-form-item label="诉求标题" prop="appealName">
           <el-input v-model="form.appealName" placeholder="请输入诉求标题"/>
         </el-form-item>
@@ -208,6 +208,7 @@ export default {
       rules: {
         appealName: [
           {required: true, message: "诉求标题不能为空", trigger: "blur"},
+          { max: 50, message: '诉求标题最多可以输入50个字符', trigger: 'blur' }
         ],
         appealDescribe: [
           {required: true, message: "诉求描述不能为空", trigger: "blur"},