页面修改

src/components/huimai/happraise.vue

@@ -6,84 +6,34 @@
     <div class="content">
       <div style="margin-bottom:20px">
         <span>分类</span>
-        <el-select
-          style="margin:0 10px"
-          class="w200"
-          @change="(msg.pageIndex = 1), getList()"
-          v-model="msg.CategoryId"
-          size="small"
-          placeholder="请选择"
-          clearable
-        >
+        <el-select style="margin:0 10px" class="w200" @change="(msg.pageIndex = 1), getList()" v-model="msg.CategoryId"
+          size="small" placeholder="请选择" clearable>
           <el-option label="不限" :value="0"></el-option>
-          <el-option
-            v-for="item in CategoryList"
-            :key="item.Id"
-            :label="item.Name"
-            :value="item.Id"
-          >
+          <el-option v-for="item in CategoryList" :key="item.Id" :label="item.Name" :value="item.Id">
           </el-option>
         </el-select>
         <span>分类名称</span>
-        <el-input
-          type="text"
-          style="width:250px"
-          size="small"
-          maxlength="100"
-          v-model="msg.BrandName"
-          @input="(msg.pageIndex = 1), getList()"
-          clearable
-        >
+        <el-input type="text" style="width:250px" size="small" maxlength="100" v-model="msg.BrandName"
+          @input="(msg.pageIndex = 1), getList()" clearable>
         </el-input>
         <span style="margin-left: 10px">咨询用户</span>
-        <el-select
-          size="small"
-          v-model="msg.UserId"
-          @change="(msg.pageIndex = 1), getList()"
-          placeholder="请选择"
-          :filter-method="ChangeListName"
-          filterable
-          clearable
-        >
+        <el-select size="small" v-model="msg.UserId" @change="(msg.pageIndex = 1), getList()" placeholder="请选择"
+          :filter-method="ChangeListName" filterable clearable>
           <el-option label="不限" :value="0"></el-option>
-          <el-option
-            v-for="item in userList"
-            :key="item.Id"
-            :label="item.Name"
-            :value="item.Id"
-          ></el-option>
+          <el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
         </el-select>
         <span>是否回复</span>
-        <el-select
-          style="margin:0 10px"
-          @change="(msg.pageIndex = 1), getList()"
-          v-model="msg.IsReply"
-          size="small"
-          placeholder="请选择"
-        >
+        <el-select style="margin:0 10px" @change="(msg.pageIndex = 1), getList()" v-model="msg.IsReply" size="small"
+          placeholder="请选择">
           <el-option label="不限" :value="0"></el-option>
-          <el-option
-            v-for="item in ReplyList"
-            :key="item.Id"
-            :label="item.Name"
-            :value="item.Id"
-          >
+          <el-option v-for="item in ReplyList" :key="item.Id" :label="item.Name" :value="item.Id">
           </el-option>
         </el-select>
-        <el-button
-          @click="(msg.pageIndex = 1), getList()"
-          size="small"
-          type="primary"
-        >
+        <el-button @click="(msg.pageIndex = 1), getList()" size="small" type="primary">
           查询
         </el-button>
       </div>
-      <el-table
-        :data="tableData"
-        v-loading="loading"
-        border
-        style="width: 100%"
-      >
+      <el-table :data="tableData" v-loading="loading" border style="width: 100%">
         <el-table-column prop="Id" label="编号" width="150"> </el-table-column>
         <el-table-column prop="UserName" label="用户昵称"></el-table-column>
         <el-table-column prop="CategoryName" label="分类"></el-table-column>
@@ -107,43 +57,24 @@
         <el-table-column prop="ReplyDate" label="回复时间"> </el-table-column>
         <el-table-column label="操作" width="250px">
           <template slot-scope="scope">
-            <el-button
-              v-if="scope.row.ReplyDate == ''"
-              size="mini"
-              type="info"
-              plain
-              @click="showReplayForm(scope.row, 1)"
-            >
-              回复
-            </el-button>
-            <el-button
-              size="mini"
-              type="info"
-              plain
-              @click="showReplayForm(scope.row, 2)"
-              >查看</el-button
-            >
+            <el-tooltip v-if="scope.row.ReplyDate == ''" class="item" effect="dark" content="回复" placement="top">
+              <img @click="showReplayForm(scope.row, 1)" class="app-order-icon"
+                src="../../assets/img/userman/add_remark.png" alt="" />
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="查看" placement="top">
+              <img @click="showReplayForm(scope.row, 2)" class="app-order-icon"
+                src="../../assets/img/userman/detail.png" alt="" />
+            </el-tooltip>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        style="text-align:right"
-        background
-        @current-change="handleCurrentChange"
-        :page-size="msg.pageSize"
-        :current-page.sync="msg.pageIndex"
-        layout="prev, pager, next"
-        :total="total"
-      >
+      <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
+        :current-page.sync="msg.pageIndex" layout="prev, pager, next" :total="total">
       </el-pagination>
     </div>
     <!-- 回复 -->
-    <el-dialog
-      :title="editTitle"
-      :visible.sync="isShowReplayForm"
-      width="600px"
-    >
-      <el-form label-width="150px" :rules="rules">
+    <el-dialog :title="editTitle" :visible.sync="isShowReplayForm" width="600px">
+      <el-form label-width="150px"  >
         <el-form-item label="咨询用户">
           {{ replayMsg.UserName }}
         </el-form-item>
@@ -158,18 +89,10 @@
         </el-form-item>
         <el-form-item label="商品图片">
           <div class="shopImg">
-            <div
-              class="indexApp_image"
-              v-for="(item, index) in replayMsg.GoodsImgList"
-              :key="index"
-            >
+            <div class="indexApp_image" v-for="(item, index) in replayMsg.GoodsImgList" :key="index">
               <div>
-                <el-image
-                  style="width: 100px; height: 100px"
-                  v-if="item.Path"
-                  :src="item.Path"
-                  :preview-src-list="srcList"
-                ></el-image>
+                <el-image style="width: 100px; height: 100px" v-if="item.Path" :src="item.Path"
+                  :preview-src-list="srcList"></el-image>
                 <br />
                 {{ item.Name }}
               </div>
@@ -178,18 +101,9 @@
         </el-form-item>
         <el-form-item label="更多照片">
           <div class="shopImg">
-            <div
-              class="indexApp_more-image"
-              v-for="(item, index) in replayMsg.MoreImgList"
-              :key="index"
-            >
+            <div class="indexApp_more-image" v-for="(item, index) in replayMsg.MoreImgList" :key="index">
               <div>
-                <el-image
-                  style="width: 100px; height: 100px"
-                  v-if="item.Path"
-                  :src="item.Path"
-                ></el-image
-                ><br />
+                <el-image style="width: 100px; height: 100px" v-if="item.Path" :src="item.Path"></el-image><br />
                 {{ item.Name }}
               </div>
             </div>
@@ -200,14 +114,8 @@
         </el-form-item>
         <el-form-item label="回复内容" prop="ReplyContent">
           <template v-if="showType == 1">
-            <el-input
-              style="width:250px"
-              size="small"
-              maxlength="200"
-              :rows="3"
-              type="textarea"
-              v-model="replayMsg.ReplyContent"
-            >
+            <el-input style="width:300px" size="small" maxlength="200" :rows="3" type="textarea"
+              v-model="replayMsg.ReplyContent">
             </el-input>
           </template>
           <template v-else>
@@ -216,23 +124,15 @@
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="isShowReplayForm = false"
-          >取 消</el-button
-        >
-        <el-button
-          size="small"
-          type="primary"
-          @click="saveData()"
-          v-if="showType == 1"
-          >确 定</el-button
-        >
+        <el-button size="small" @click="isShowReplayForm = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="saveData()" v-if="showType == 1">确 定</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-export default {
+  export default {
     data() {
       return {
         loading: false,
@@ -248,8 +148,7 @@ export default {
           IsReply: ""
         },
         //回复状态
-      ReplyList: [
-        {
+        ReplyList: [{
             Id: 1,
             Name: "已回复"
           },
@@ -371,22 +270,24 @@ export default {
         });
       }
     }
-};
+  };
 </script>
 <style>
-.performanceStatics .content {
+  .performanceStatics .content {
     background: #fff;
     margin-top: 10px;
     padding: 20px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-}
-.shopImg {
+  }
+
+  .shopImg {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 20px;
-}
-.shopImg > div {
+  }
+
+  .shopImg>div {
     width: 33%;
-}
+  }
 </style>
\ No newline at end of file

src/components/huimai/hbrand.vue

@@ -45,8 +45,9 @@
         </el-table-column>
         <el-table-column label="操作" width="250px">
           <template slot-scope="scope">
-            <el-button class="el-icon-s-tools" size="mini" type="info" plain @click="showBrandForm(scope.row)"></el-button>
-            <el-button class="el-icon-delete-solid" size="mini" type="info" plain @click="RemmoveBrand(scope.row)"></el-button>
+            <img @click="showBrandForm(scope.row)" src="../../assets/img/userman/edit.png" alt="" />
+            <img @click="RemmoveBrand(scope.row)" style="margin-left:10px;" src="../../assets/img/userman/del.png"
+              alt="" />
           </template>
         </el-table-column>
       </el-table>

src/components/huimai/hcategory.vue

@@ -2,50 +2,25 @@
   <div class="performanceStatics">
     <div class="head-title">
       分类管理
-      <el-button
-        style="float:right;margin-top: -5px;"
-        type="primary"
-        class="el-button--small"
-        @click="showCategoryForm(null)"
-        >新增</el-button
-      >
+      <el-button style="float:right;margin-top: -5px;" type="primary" class="el-button--small"
+        @click="showCategoryForm(null)">新增</el-button>
     </div>
     <div class="content">
       <div style="margin-bottom:20px">
         <span>分类名称</span>
-        <el-input
-          type="text"
-          style="width:250px"
-          size="small"
-          maxlength="100"
-          v-model="msg.Name"
-          @input="(msg.pageIndex = 1), getList()"
-          clearable
-        >
+        <el-input type="text" style="width:250px" size="small" maxlength="50" v-model="msg.Name"
+          @input="(msg.pageIndex = 1), getList()" clearable>
         </el-input>
-        <el-button
-          @click="(msg.pageIndex = 1), getList()"
-          size="small"
-          type="primary"
-        >
+        <el-button @click="(msg.pageIndex = 1), getList()" size="small" type="primary">
           查询
         </el-button>
       </div>
-      <el-table
-        :data="tableData"
-        v-loading="loading"
-        border
-        style="width: 100%"
-      >
+      <el-table :data="tableData" v-loading="loading" border style="width: 100%">
         <el-table-column prop="Id" label="编号" width="150"> </el-table-column>
         <el-table-column prop="Name" label="名称"></el-table-column>
         <el-table-column label="Logo" width="300px">
           <template slot-scope="scope">
-            <img
-              :src="scope.row.Image"
-              style="width:35px;height:35px;"
-              alt=""
-            />
+            <img :src="scope.row.Image" style="width:35px;height:35px;" alt="" />
           </template>
         </el-table-column>
         <el-table-column label="启用状态" width="300px">
@@ -56,64 +31,29 @@
         <el-table-column prop="Sort" label="排序"> </el-table-column>
         <el-table-column label="操作" width="250px">
           <template slot-scope="scope">
-            <el-button
-              class="el-icon-s-tools"
-              size="mini"
-              type="info"
-              plain
-              @click="showCategoryForm(scope.row)"
-            ></el-button>
-            <el-button
-              class="el-icon-delete-solid"
-              size="mini"
-              type="info"
-              plain
-              @click="RemmoveCategory(scope.row)"
-            ></el-button>
+            <img @click="showCategoryForm(scope.row)" src="../../assets/img/userman/edit.png" alt="" />
+            <img @click="RemmoveCategory(scope.row)" style="margin-left:10px;" src="../../assets/img/userman/del.png"
+              alt="" />
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        style="text-align:right"
-        background
-        @current-change="handleCurrentChange"
-        :page-size="msg.pageSize"
-        :current-page.sync="msg.pageIndex"
-        layout="prev, pager, next"
-        :total="total"
-      >
+      <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
+        :current-page.sync="msg.pageIndex" layout="prev, pager, next" :total="total">
       </el-pagination>
     </div>
     <!-- 修改分类 -->
-    <el-dialog
-      :title="editTitle"
-      :visible.sync="isShowCategoryForm"
-      width="500px"
-    >
+    <el-dialog :title="editTitle" :visible.sync="isShowCategoryForm" width="500px">
       <el-form :model="postMsg" :rules="rules" label-width="150px">
         <el-form-item label="分类名称" prop="Name">
-          <el-input
-            type="text"
-            style="width:250px"
-            size="small"
-            maxlength="100"
-            v-model="postMsg.Name"
-          >
+          <el-input type="text" style="width:250px" size="small" maxlength="100" v-model="postMsg.Name">
           </el-input>
         </el-form-item>
         <el-form-item label="Logo" prop="file">
           <div>
-            <el-button @click="openChangeDig()" size="small"
-              >选择文件</el-button
-            >
+            <el-button @click="openChangeDig()" size="small">选择文件</el-button>
           </div>
           <div class="indexApp_image">
-            <img
-              v-if="postMsg.Image"
-              :src="postMsg.Image"
-              alt=""
-              style="width:100px;height:100px;"
-            />
+            <img v-if="postMsg.Image" :src="postMsg.Image" alt="" style="width:100px;height:100px;" />
           </div>
         </el-form-item>
         <el-form-item label="启用状态" prop="Enable">
@@ -121,38 +61,25 @@
           <el-radio v-model="postMsg.Enable" :label="2">禁用</el-radio>
         </el-form-item>
         <el-form-item label="排序" prop="Sort">
-          <el-input
-            style="width:250px"
-            size="small"
-            maxlength="200"
-            v-model="postMsg.Sort"
-          >
+          <el-input style="width:250px" size="small" maxlength="200" v-model="postMsg.Sort">
           </el-input>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="isShowCategoryForm = false"
-          >取 消</el-button
-        >
-        <el-button size="small" type="primary" @click="saveData()"
-          >确 定</el-button
-        >
+        <el-button size="small" @click="isShowCategoryForm = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="saveData()">确 定</el-button>
       </span>
     </el-dialog>
     <!-- 选择文件 -->
-    <el-dialog
-      title="选择文件"
-      :visible.sync="isShowChooseImage"
-      width="1240px"
-    >
+    <el-dialog title="选择文件" :visible.sync="isShowChooseImage" width="1240px">
       <ChooseImg @SelectId="SelectId"></ChooseImg>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import ChooseImg from "@/components/global/ChooseImg.vue";
-export default {
+  import ChooseImg from "@/components/global/ChooseImg.vue";
+  export default {
     components: {
       ChooseImg
     },
@@ -178,15 +105,21 @@ export default {
         isShowCategoryForm: false,
         isShowChooseImage: false,
         rules: {
-        Name: [
-          { required: true, message: "请输入名称", trigger: "blur" }
-        ],
-         Sort: [
-          { required: true, message: "请输入排序", trigger: "blur" }
-        ],
-        Enable: [
-          { required: true, message: "请选择状态", trigger: "change" }
-        ]
+          Name: [{
+            required: true,
+            message: "请输入名称",
+            trigger: "blur"
+          }],
+          Sort: [{
+            required: true,
+            message: "请输入排序",
+            trigger: "blur"
+          }],
+          Enable: [{
+            required: true,
+            message: "请选择状态",
+            trigger: "change"
+          }]
 
         }
       };
@@ -255,10 +188,9 @@ export default {
       //删除分类
       RemmoveCategory(item) {
         let that = this;
-      that.Confirm("是否删除此分类?", function() {
+        that.Confirm("是否删除此分类?", function () {
           that.apipost(
-          "/api/Assess/DelCategoryInfo",
-          {
+            "/api/Assess/DelCategoryInfo", {
               CategoryId: item.Id
             },
             res => {
@@ -273,14 +205,14 @@ export default {
         });
       }
     }
-};
+  };
 </script>
 <style>
-.performanceStatics .content {
+  .performanceStatics .content {
     background: #fff;
     margin-top: 10px;
     padding: 20px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-}
+  }
 </style>
\ No newline at end of file