农村合作社 供销社删除按钮操作 将删除时选中ID提示改为选中名称集合提示 负责人电话号合法校验

src/views/cooperative/index.vue

@@ -1,15 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="版本" prop="version">
-        <el-input
-          v-model="queryParams.version"
-          placeholder="请输入版本"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="供销社名称" prop="name">
+      <el-form-item label="供销社名称" prop="name" label-width="auto">
         <el-input
           v-model="queryParams.name"
           placeholder="请输入供销社名称"
@@ -17,7 +9,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="地址" prop="address">
+      <el-form-item label="地址" prop="address" label-width="auto">
         <el-input
           v-model="queryParams.address"
           placeholder="请输入地址"
@@ -25,7 +17,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="负责人" prop="chargePeople">
+      <el-form-item label="负责人" prop="chargePeople" label-width="auto">
         <el-input
           v-model="queryParams.chargePeople"
           placeholder="请输入负责人"
@@ -33,7 +25,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="负责人电话" prop="chargePhone">
+      <el-form-item label="负责人电话" prop="chargePhone" label-width="auto">
         <el-input
           v-model="queryParams.chargePhone"
           placeholder="请输入负责人电话"
@@ -41,14 +33,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="图片" prop="imgUrl">
-        <el-input
-          v-model="queryParams.imgUrl"
-          placeholder="请输入图片"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -103,13 +87,12 @@
 
     <el-table v-loading="loading" :data="cooperativeList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="id" align="center" prop="id" />
-      <el-table-column label="备注信息" align="center" prop="remark" />
-      <el-table-column label="版本" align="center" prop="version" />
+      <!--<el-table-column label="id" align="center" prop="id" />-->
       <el-table-column label="供销社名称" align="center" prop="name" />
-      <el-table-column label="地址" align="center" prop="address" />
+      <!--<el-table-column label="地址" align="center" prop="address" />-->
       <el-table-column label="负责人" align="center" prop="chargePeople" />
       <el-table-column label="负责人电话" align="center" prop="chargePhone" />
+      <!--<el-table-column label="备注信息" align="center" prop="remark" />-->
       <el-table-column label="图片" align="center" prop="imgUrl" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -142,30 +125,24 @@
     <!-- 添加或修改供销合作社对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="备注信息" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-        </el-form-item>
-        <el-form-item label="删除状态" prop="delFlag">
-          <el-input v-model="form.delFlag" placeholder="请输入删除状态" />
-        </el-form-item>
-        <el-form-item label="版本" prop="version">
-          <el-input v-model="form.version" placeholder="请输入版本" />
-        </el-form-item>
-        <el-form-item label="供销社名称" prop="name">
-          <el-input v-model="form.name" placeholder="请输入供销社名称" />
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="form.name" placeholder="请输入供销社名称" maxLength="20" />
         </el-form-item>
         <el-form-item label="地址" prop="address">
-          <el-input v-model="form.address" placeholder="请输入地址" />
+          <el-input v-model="form.address" placeholder="请输入地址" maxLength="20" />
         </el-form-item>
         <el-form-item label="负责人" prop="chargePeople">
-          <el-input v-model="form.chargePeople" placeholder="请输入负责人" />
+          <el-input v-model="form.chargePeople" placeholder="请输入负责人" maxLength="20" />
         </el-form-item>
-        <el-form-item label="负责人电话" prop="chargePhone">
-          <el-input v-model="form.chargePhone" placeholder="请输入负责人电话" />
+        <el-form-item label="电话" prop="chargePhone">
+          <el-input v-model="form.chargePhone" placeholder="请输入负责人电话" maxLength="20" />
         </el-form-item>
         <el-form-item label="图片" prop="imgUrl">
           <el-input v-model="form.imgUrl" placeholder="请输入图片" />
         </el-form-item>
+        <!--<el-form-item label="备注信息" prop="remark" maxLength="500">-->
+          <!--<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />-->
+        <!--</el-form-item>-->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -186,6 +163,8 @@ export default {
       loading: true,
       // 选中数组
       ids: [],
+      // 选中名称数组
+      names: [],
       // 非单个禁用
       single: true,
       // 非多个禁用
@@ -215,6 +194,16 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        name: [
+          { required: true, message: "供销社名称不能为空", trigger: "blur" }
+        ],
+        chargePhone: [
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur"
+          }
+        ],
       }
     };
   },
@@ -268,6 +257,7 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
+      this.names = selection.map(item => item.name);
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
@@ -310,7 +300,8 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除供销合作社编号为"' + ids + '"的数据项？').then(function() {
+      const names = row.name || this.names;
+      this.$modal.confirm('是否确认删除供销合作社名称为"' + names + '"的数据项？').then(function() {
         return delCooperative(ids);
       }).then(() => {
         this.getList();