Merge remote-tracking branch 'origin/master'

base-manager-ui/admin/src/components/sitetree/index.vue

@@ -55,14 +55,12 @@ export default {
     // 异步获取子区域
     onLoadData(treeNode) {
       return new Promise((resolve) => {
-        console.log(treeNode.dataRef.id);
         getListByParentId({
           parentId: treeNode.dataRef.id,
         }).then((res) => {
           const { data } = res.data;
           treeNode.dataRef.children = data.data;
           this.treeData = [...this.treeData];
-          console.log(this.treeData);
           resolve();
         });
         // if (treeNode.dataRef.children) {

base-manager-ui/admin/src/layouts/footer/PageFooter.vue

@@ -21,6 +21,7 @@ export default {
   .copyright {
     color: @text-color-second;
     font-size: 14px;
+    opacity: 0;
     i {
       margin: 0 4px;
     }

base-manager-ui/admin/src/pages/basicset/business/components/businessTabs1.vue

@@ -3,17 +3,7 @@
     <div class="left">
       <div class="header">
         <h3 class="titel">站点业务列表</h3>
-        <a-popconfirm
-          :title="
-            deleteData.length
-              ? '确定要从站点移除所选业务吗？'
-              : '请先勾选数据。'
-          "
-          @confirm="handleDelAll"
-        >
-          <a-icon slot="icon" type="question-circle-o" style="color: red" />
-          <a-button type="danger"> 批量移除 </a-button>
-        </a-popconfirm>
+        <a-button type="danger" @click="handleDelAll"> 批量移除 </a-button>
         <a-button class="add-btn" @click="showModal"> 新增业务 </a-button>
       </div>
       <div class="table-content">
@@ -55,13 +45,12 @@
             <a href="javascript:;" class="edit" @click="handleEdit(text)"
               >编辑</a
             >
-            <a-popconfirm
-              title="确定要从站点删除该业务吗？"
-              @confirm="handleDel(text.id, text)"
+            <a
+              href="javascript:;"
+              class="delete"
+              @click="handleDel(text.id, text)"
+              >删除</a
             >
-              <a-icon slot="icon" type="question-circle-o" style="color: red" />
-              <a href="javascript:;" class="delete">删除</a>
-            </a-popconfirm>
           </template>
         </a-table>
       </div>
@@ -147,14 +136,12 @@
           </template>
           <template slot="action" slot-scope="text">
             <a class="jion" @click="handleIn(text.id)">加入</a>
-
-            <a-popconfirm
-              title="删除不可恢复，确定要删除吗？"
-              @confirm="handleDelRight(+text.id)"
+            <a
+              href="javascript:;"
+              class="delete"
+              @click="handleDelRight(+text.id)"
+              >删除</a
             >
-              <a-icon slot="icon" type="question-circle-o" style="color: red" />
-              <a href="javascript:;" class="delete">删除</a>
-            </a-popconfirm>
           </template>
         </a-table>
       </div>
@@ -331,18 +318,34 @@ export default {
     //   this.getBusinessListData();
     // },
     // 删除
-    async handleDel(num, data) {
+    handleDel(num, data) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        icon: "exclamation-circle",
+        maskClosable: true,
+        async onOk() {
           let res = await delSiteBusiness({ id: num });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getSiteBusinessData();
-        this.$refs.addprofession.getBusinessData();
-        this.deleteData = [];
-        this.$bus.$emit("delBusiness");
-        this.$bus.$emit("delBusinessMatter", data);
+            _this.$message.success(msg);
+            _this.getSiteBusinessData();
+            _this.$refs.addprofession.getBusinessData();
+            _this.deleteData = [];
+            _this.$bus.$emit("delBusiness");
+            _this.$bus.$emit("delBusinessMatter", data);
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
 
     //新增业务
     showModal() {
@@ -362,6 +365,7 @@ export default {
     // 批量删除
     handleDelAll() {
       if (this.deleteData.length <= 0) {
+        this.$message.warning("请先勾选数据");
         return;
       } else {
         let arr = [...this.deleteData];
@@ -438,14 +442,30 @@ export default {
       }
     },
     // 删除-右
-    async handleDelRight(val) {
+    handleDelRight(val) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        maskClosable: true,
+        icon: "exclamation-circle",
+        async onOk() {
           let res = await businessDel({ id: val });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getBusinessListData();
+            _this.$message.success(msg);
+            _this.getBusinessListData();
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
     // 自定义表格展开图标
     expandIcon(props) {
       if (props.record.children) {

base-manager-ui/admin/src/pages/basicset/business/components/businessTabs2.vue

@@ -5,17 +5,7 @@
         <h3 class="titel">站点事项列表</h3>
         <div class="header-bottom">
           <div class="left-btn">
-            <a-popconfirm
-              :title="
-                deleteData.length
-                  ? '确定要从站点移除所选事项吗？'
-                  : '请先勾选数据。'
-              "
-              @confirm="handleDelAll"
-            >
-              <a-icon slot="icon" type="question-circle-o" style="color: red" />
-              <a-button type="danger"> 批量移除 </a-button>
-            </a-popconfirm>
+            <a-button type="danger" @click="handleDelAll"> 批量移除 </a-button>
             <!-- <a-button class="add-btn" @click="addItems"> 新增事项 </a-button> -->
           </div>
           <div class="search-box">
@@ -87,13 +77,12 @@
           </template>
           <!-- 操作 -->
           <template slot="action" slot-scope="text">
-            <a-popconfirm
-              title="确定要从站点移除该事项吗？"
-              @confirm="handleDel(text.id, text)"
+            <a
+              href="javascript:;"
+              class="delete"
+              @click="handleDel(text.id, text)"
+              >移除</a
             >
-              <a-icon slot="icon" type="question-circle-o" style="color: red" />
-              <a href="javascript:;" class="delete">移除</a>
-            </a-popconfirm>
           </template>
         </a-table>
       </div>
@@ -173,13 +162,12 @@
             <a href="javascript:;" class="jion" @click="handleIn(text.id)"
               >加入</a
             >
-            <a-popconfirm
-              title="删除不可恢复，确定要删除吗？"
-              @confirm="handleDelRight(text.id)"
+            <a
+              href="javascript:;"
+              class="delete"
+              @click="handleDelRight(text.id)"
+              >删除</a
             >
-              <a-icon slot="icon" type="question-circle-o" style="color: red" />
-              <a href="javascript:;" class="delete">删除</a>
-            </a-popconfirm>
           </template>
         </a-table>
       </div>
@@ -334,7 +322,6 @@ export default {
       }
       this.leftTotal = pageInfo.totalResult;
       this.matterSiteData = data;
-      console.log(data);
       this.leftLoading = false;
     },
     // 获取事项列表
@@ -368,17 +355,33 @@ export default {
       this.getMatterSiteData();
     },
     // 左边删除
-    async handleDel(val, row) {
+    handleDel(val, row) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "确定要移除所选事项吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        icon: "exclamation-circle",
+        maskClosable: true,
+        async onOk() {
           let res = await delSiteMatter({ id: String(val) });
           let { msg, code } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getMatterSiteData();
-        this.deleteData = "";
-        this.$bus.$emit("delMatterSiteData");
-        this.$bus.$emit("delMatterSiteRelevance", row);
+            _this.$message.success(msg);
+            _this.getMatterSiteData();
+            _this.deleteData = "";
+            _this.$bus.$emit("delMatterSiteData");
+            _this.$bus.$emit("delMatterSiteRelevance", row);
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
 
     //新增事项
     addItems() {
@@ -399,6 +402,7 @@ export default {
     // 批量删除
     handleDelAll() {
       if (this.deleteData.length <= 0) {
+        this.$message.warning("请先勾选数据");
         return;
       } else {
         let str = [...this.deleteData].map((v) => v.id).join(",");
@@ -468,13 +472,29 @@ export default {
     },
     // 右边删除
     async handleDelRight(val) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        icon: "exclamation-circle",
+        maskClosable: true,
+        async onOk() {
           let res = await delMatter({ id: String(val) });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getMatterListData();
+            _this.$message.success(msg);
+            _this.getMatterListData();
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
   },
 };
 </script>

base-manager-ui/admin/src/pages/basicset/deploy/deploy.vue

@@ -6,15 +6,8 @@
           <a-button type="primary" style="margin-right: 10px" @click="handleAdd"
             >新增模块</a-button
           >
-          <a-popconfirm
-            :title="
-              selectedRowKeys.length ? '确定要删除所选模块吗？' : '请先勾选模块'
-            "
-            @confirm="handleDelAll"
-          >
-            <a-icon slot="icon" type="question-circle-o" style="color: red" />
-            <a-button type="danger">批量删除模块</a-button>
-          </a-popconfirm>
+
+          <a-button type="danger" @click="handleDelAll">批量删除模块</a-button>
         </div>
         <div class="search-box">
           <a-input-search
@@ -87,13 +80,9 @@
             <a href="javascript:;" class="edit" @click="handleEdit(text)"
               >编辑</a
             >
-            <a-popconfirm
-              title="确定删除该模块吗？"
-              @confirm="handleDel(text.id)"
+            <a href="javascript:;" class="delete" @click="handleDel(text.id)"
+              >删除</a
             >
-              <a-icon slot="icon" type="question-circle-o" style="color: red" />
-              <a href="javascript:;" class="delete">删除</a>
-            </a-popconfirm>
           </template>
         </a-table>
       </div>
@@ -349,6 +338,7 @@ export default {
       if (this.selectedRowKeys.length) {
         this.handleDel(this.selectedRowKeys.join(","));
       } else {
+        this.$message.warning("请先勾选模块");
         return;
       }
     },
@@ -358,14 +348,30 @@ export default {
       this.visible = true;
     },
     // 删除
-    async handleDel(num) {
+    handleDel(num) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        icon: "exclamation-circle",
+        maskClosable: true,
+        async onOk() {
           let res = await delMode({ id: num });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getmodelList();
+            _this.$message.success(msg);
+            _this.getmodelList();
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
     // 分页
     handleChange(num) {
       this.current = num;

base-manager-ui/admin/src/pages/basicset/dept/components/addWindowMatter.vue

@@ -18,13 +18,7 @@
               @click="addWindowMatter"
               >添加窗口事项</a-button
             >
-            <a-popconfirm
-              :title="allDel ? '删除不可恢复，确定要删除吗？' : '请先勾选数据'"
-              @confirm="handleDelAll"
-            >
-              <a-icon slot="icon" type="question-circle-o" style="color: red" />
-              <a-button type="danger">批量删除</a-button>
-            </a-popconfirm>
+            <a-button type="danger" @click="handleDelAll">批量删除</a-button>
           </div>
           <div class="search">
             <a-input-search
@@ -45,7 +39,7 @@
           size="middle"
           :pagination="{
             showTotal: (total) => `共 ${total} 条`,
-            current: current,
+            current: Current,
             total: total,
             size: 'middle',
             showSizeChanger: true,
@@ -76,13 +70,9 @@
             <a href="javascript:;" class="edit" @click="handleEdit(text)"
               >编辑</a
             >
-            <a-popconfirm
-              title="删除不可恢复，确定要删除吗？"
-              @confirm="handleDel(+text.id)"
+            <a href="javascript:;" @click="handleDel(+text.id)" class="delete"
+              >删除</a
             >
-              <a-icon slot="icon" type="question-circle-o" style="color: red" />
-              <a href="javascript:;" class="delete">删除</a>
-            </a-popconfirm>
           </template>
         </a-table>
       </div>
@@ -360,21 +350,36 @@ export default {
       this.Visible = false;
     },
     // 删除
-    async handleDel(num) {
+    handleDel(num) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        icon: "exclamation-circle",
+        maskClosable: true,
+        async onOk() {
           let res = await delWindowmatter({ id: num });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getWindowmatterData();
-      } else {
-        this.$message.error(msg);
+            _this.$message.success(msg);
+            _this.getWindowmatterData();
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
     // 批量删除
     handleDelAll() {
       if (this.allDel) {
         this.handleDel(this.allDel);
       } else {
+        this.$message.warning("请先勾选数据");
         return;
       }
     },

base-manager-ui/admin/src/pages/basicset/dept/components/adddepartment.vue

@@ -49,8 +49,8 @@
           </a-form-model-item>
         </a-col>
         <a-col :span="12">
-          <a-form-model-item label="预约" prop="isOrder">
-            <y-switch v-model="form.isOrder"></y-switch>
+          <a-form-model-item label="正常使用" prop="usValid">
+            <y-switch v-model="form.usValid"></y-switch>
           </a-form-model-item>
         </a-col>
       </a-row>
@@ -73,8 +73,8 @@
           </a-form-model-item>
         </a-col>
         <a-col :span="12">
-          <a-form-model-item label="正常使用" prop="usValid">
-            <y-switch v-model="form.usValid"></y-switch>
+          <a-form-model-item label="预约" prop="isOrder">
+            <y-switch v-model="form.isOrder"></y-switch>
           </a-form-model-item>
         </a-col>
       </a-row>
@@ -113,13 +113,13 @@ export default {
         deptAbb: "", // 部门简称
         deptTelphone: "", // 部门电话
         deptNumber: "", // 部门编号
-        isAutotable: "", // 填表展示
-        isOrder: "", // 预约展示
-        isBkb: "", // 背靠背
-        isWorkGuide: "", // 办事指南展示
-        usValid: "", // 是否使用
-        isSecphone: "", // 部门电话展示
-        isEnglish: "", // 是否展示英文
+        isAutotable: 1, // 填表展示
+        isOrder: 1, // 预约展示
+        isBkb: 1, // 背靠背
+        isWorkGuide: 1, // 办事指南展示
+        usValid: 1, // 是否使用
+        isSecphone: 1, // 部门电话展示
+        isEnglish: 1, // 是否展示英文
         sort: "", // 排序
       },
       rules: {

base-manager-ui/admin/src/pages/basicset/dept/department.vue

@@ -28,9 +28,19 @@
       <!-- 部门管理 -->
       <div class="department-list">
         <div v-if="department.length">
-          <div class="department_off" v-for="v in department" :key="v.id">
+          <div
+            :class="{ department_off: true, active: active === i }"
+            v-for="(v, i) in department"
+            :key="v.id"
+            @click="changeDept(v.id, i)"
+          >
             <div class="department-title">
-              <span class="department_a">{{ v.name }}</span>
+              <div class="department_a">
+                <a-tooltip>
+                  <template slot="title"> {{ v.name }} </template>
+                  {{ v.name }}
+                </a-tooltip>
+              </div>
               <div class="department_icon_edit">
                 <a-tooltip>
                   <template slot="title"> 查看编辑 </template>
@@ -43,25 +53,19 @@
                 </a-tooltip>
                 <a-tooltip>
                   <template slot="title"> 删除 </template>
-                  <a-popconfirm
-                    title="删除不可恢复，确定要删除吗？"
-                    @confirm="delDepartment(v.id)"
-                  >
+
                   <a-icon
-                      slot="icon"
-                      type="question-circle-o"
-                      style="color: red"
+                    type="delete"
+                    @click="delDepartment(v.id)"
+                    class="delete"
+                    department_del
                   />
-                    <a-icon type="delete" class="delete" department_del />
-                  </a-popconfirm>
                 </a-tooltip>
               </div>
             </div>
-
             <div>
-              <span class="department_span">简称：{{ v.deptAbb }}</span>
-              <br />
-              <span>联系电话：{{ v.deptTelphone }}</span>
+              <div class="department_span">简称：{{ v.deptAbb }}</div>
+              <div>联系电话：{{ v.deptTelphone }}</div>
             </div>
           </div>
         </div>
@@ -138,18 +142,7 @@
               <a class="yewu" type="primary" @click="workModal(text)">业务</a>
               <a class="shixiang" @click="addWindowMatter(text)">事项</a>
               <a class="edit" type="primary" @click="editModal(text)">编辑</a>
-              <a-popconfirm
-                title="删除不可恢复，确定要删除吗？"
-                placement="left"
-                @confirm="delWindow(text.id)"
-              >
-                <a-icon
-                  slot="icon"
-                  type="question-circle-o"
-                  style="color: red"
-                />
-                <a class="delete">删除</a>
-              </a-popconfirm>
+              <a class="delete" @click="delWindow(text.id)">删除</a>
             </span>
           </a-table>
         </div>
@@ -339,6 +332,8 @@ export default {
       business: [], // 站点业务数据
       windowSearch: "", // 窗口搜索
       deptSearchVal: "", // 部门搜索
+      deptId: "", // 部门搜索窗口
+      active: undefined, // 部门激活
       // isRelevancy: false,
       formData: {
         // 关联表单
@@ -385,6 +380,8 @@ export default {
   methods: {
     handleClick(val) {
       this.siteId = val.id;
+      this.active = undefined;
+      this.deptId = "";
       this.getDeptListData({ siteId: val.id });
       this.getWindowListData({ siteId: val.id });
       this.getBusinessData({ siteId: val.id });
@@ -400,6 +397,8 @@ export default {
       this.windowData = [];
       this.siteId = "";
       this.total = 0;
+      this.active = undefined;
+      this.deptId = "";
     },
     // 去掉空children
     delChildren(arr) {
@@ -461,18 +460,44 @@ export default {
       this.formVisible = true;
       this.$refs.adddepartment.onEdit(val);
     },
-
+    // 切换部门
+    changeDept(id, index) {
+      if (this.deptId === id) {
+        this.deptId = "";
+        this.active = undefined;
+        this.page = 1;
+        this.getWindowListData();
+      } else {
+        this.deptId = id;
+        this.active = index;
+        this.page = 1;
+        this.getWindowListData();
+      }
+    },
     // 删除部门
-    async delDepartment(num) {
+    delDepartment(num) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        maskClosable: true,
+        async onOk() {
           let res = await delDept({ id: num });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.getDeptListData(this.siteId);
-        this.$message.success(msg);
-      } else {
-        this.$message.error(msg);
+            _this.getDeptListData(_this.siteId);
+            _this.$message.success(msg);
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
 
     // 窗口列表
     async getWindowListData(obj = {}) {
@@ -482,6 +507,7 @@ export default {
         page: this.page,
         size: this.size,
         name: `%${this.windowSearch}%`,
+        deptId: this.deptId,
         ...obj,
       });
       let { code, data } = res.data;
@@ -509,13 +535,29 @@ export default {
       this.$refs.addwindow.onEdit(data);
     },
     // 删除窗口
-    async delWindow(num) {
+    delWindow(num) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        maskClosable: true,
+        async onOk() {
           let res = await delWindow({ id: num });
-      let { code } = res.data;
+          let { code, msg } = res.data;
           if (code === 1) {
-        this.getWindowListData(this.siteId);
+            _this.getWindowListData(_this.siteId);
+            _this.$message.success(msg);
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
     // 翻页
     onPage(num) {
       this.page = num;
@@ -631,10 +673,7 @@ export default {
     border: 0;
     margin-right: 10px;
   }
-  .department_off span {
-    margin-top: 5px;
-    margin-left: 15px;
-  }
+
   .department_off:hover {
     .department_icon_edit {
       display: block;
@@ -649,13 +688,15 @@ export default {
     align-items: center;
   }
   .department_icon_edit {
-    margin-right: 20px;
     display: none;
   }
   .department_a {
-    margin-left: 10px;
+    width: 260px;
     font-size: 17px;
     font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   .department_edit {
     margin-right: 16px;
@@ -670,8 +711,7 @@ export default {
   }
   .department_off {
     //   margin-left: 20px;
-    margin-top: 20px;
-    padding-bottom: 20px;
+    padding: 20px 10px;
     border-bottom: 1px solid #ccc;
   }
   .department_tab {
@@ -740,6 +780,9 @@ export default {
     flex: 1;
     padding-bottom: 10px;
     overflow-y: auto;
+    .active {
+      border-left: 2px solid #0595fd;
+    }
   }
 }
 // .ant-form-item {

base-manager-ui/admin/src/pages/basicset/holiday/festival.vue

@@ -70,17 +70,7 @@
             <!-- 操作 -->
             <template slot="action" slot-scope="text">
               <a type="primary" @click="handleEdit(text)" class="edit">编辑</a>
-              <a-popconfirm
-                title="删除不可恢复，确定要删除吗？"
-                @confirm="handleDel(text.id)"
-              >
-                <a-icon
-                  slot="icon"
-                  type="question-circle-o"
-                  style="color: red"
-                />
-                <a class="delet">删除</a>
-              </a-popconfirm>
+              <a class="delet" @click="handleDel(text.id)">删除</a>
             </template>
           </a-table>
         </div>
@@ -243,14 +233,30 @@ export default {
       this.getHolidayData();
     },
     // 删除
-    async handleDel(num) {
+    handleDel(num) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        maskClosable: true,
+        icon: "exclamation-circle",
+        async onOk() {
           let res = await DelHoliday({ id: num });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getHolidayData();
+            _this.$message.success(msg);
+            _this.getHolidayData();
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
   },
 };
 </script>

base-manager-ui/admin/src/pages/basicset/site/website.vue

@@ -23,18 +23,9 @@
                 <a-button type="primary" @click="editSiteInfo(item)"
                   >编辑</a-button
                 >
-                <a-popconfirm
-                  placement="left"
-                  title="删除后不可恢复，确定要删除吗？"
-                  @confirm="deleteSite(item.id)"
+                <a-button type="danger" @click="deleteSite(item.id)"
+                  >删除</a-button
                 >
-                  <a-icon
-                    slot="icon"
-                    type="question-circle-o"
-                    style="color: red"
-                  />
-                  <a-button type="danger">删除</a-button>
-                </a-popconfirm>
               </div>
             </div>
 
@@ -282,7 +273,6 @@ export default {
     async getSiteList(info = {}) {
       let res = await getSiteList(info);
       let { data, dict } = res.data.data;
-      console.log(dict);
       data.forEach((v) => {
         v.modelIds = v.modelIds.split(",");
         v.modelData = Object.keys(dict.modelIds).reduce(
@@ -307,14 +297,30 @@ export default {
     // },
 
     // 删除
-    async deleteSite(val) {
+    deleteSite(val) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        maskClosable: true,
+        icon: "exclamation-circle",
+        async onOk() {
           let res = await deleteSite({ id: val });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getSiteList({ areaID: this.areaID });
+            _this.$message.success(msg);
+            _this.getSiteList({ areaID: _this.areaID });
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
     //查看全部
     cookAll(text) {
       this.allShow = true;

base-manager-ui/admin/src/pages/basicset/surface/AddSurfaceTemplate.vue

@@ -69,17 +69,12 @@
                   <a href="javascript:;" class="edit" @click="handleEdit(text)"
                     >编辑</a
                   >
-                  <a-popconfirm
-                    title="删除不可恢复，确定要删除吗？"
-                    @confirm="handleDel(text.id)"
+                  <a
+                    href="javascript:;"
+                    class="delete"
+                    @click="handleDel(text.id)"
+                    >删除</a
                   >
-                    <a-icon
-                      slot="icon"
-                      type="question-circle-o"
-                      style="color: red"
-                    />
-                    <a href="javascript:;" class="delete">删除</a>
-                  </a-popconfirm>
                 </a-space>
               </template>
             </a-table>
@@ -183,17 +178,12 @@
               <template slot="action" slot-scope="text">
                 <a-space>
                   <a class="edit" @click="handleEditRight(text)">编辑</a>
-                  <a-popconfirm
-                    title="删除不可恢复，确定要删除吗？"
-                    @confirm="handleDelRight(text.id)"
+                  <a
+                    href="javascript:;"
+                    class="delete"
+                    @click="handleDelRight(text.id)"
+                    >删除</a
                   >
-                    <a-icon
-                      slot="icon"
-                      type="question-circle-o"
-                      style="color: red"
-                    />
-                    <a href="javascript:;" class="delete">删除</a>
-                  </a-popconfirm>
                 </a-space>
               </template>
             </a-table>
@@ -455,19 +445,7 @@ export default {
       if (!this.leftSelectedRowKeys.length) {
         this.$message.warning("请先勾选数据");
       } else {
-        let _this = this;
-        _this.$confirm({
-          title: "确定要删除所勾选数据吗?",
-          //   content: "Some descriptions",
-          okText: "确定",
-          okType: "danger",
-          cancelText: "取消",
-          centered: true,
-          onOk() {
-            _this.handleDel(_this.leftSelectedRowKeys.join(","));
-          },
-          onCancel() {},
-        });
+        this.handleDel(this.leftSelectedRowKeys.join(","));
       }
     },
     // 右边选择
@@ -479,21 +457,7 @@ export default {
       if (!this.rightSelectedRowKeys.length) {
         this.$message.warning("请先勾选数据");
       } else {
-        let _this = this;
-        _this.$confirm({
-          title: "确定要删除所勾选数据吗?",
-          //   content: "Some descriptions",
-          okText: "确定",
-          okType: "danger",
-          cancelText: "取消",
-          centered: true,
-          onOk() {
-            _this.handleDelRight(_this.rightSelectedRowKeys.join(","));
-          },
-          onCancel() {
-            console.log("Cancel");
-          },
-        });
+        this.handleDelRight(this.rightSelectedRowKeys.join(","));
       }
     },
     // 左边编辑
@@ -503,17 +467,31 @@ export default {
       this.$refs.AddTemplate.onEdit(row);
     },
     // 左边删除
-    async handleDel(val) {
+    handleDel(val) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        maskClosable: true,
+        icon: "exclamation-circle",
+        async onOk() {
           let res = await deleteTemplate({ id: val });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.leftSelectedRowKeys = [];
-        this.getTemplateList();
-      } else {
-        this.$message.error(msg);
+            _this.$message.success(msg);
+            _this.leftSelectedRowKeys = [];
+            _this.getTemplateList();
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
     // 右边编辑
     handleEditRight(row) {
       this.titleField = "编辑模板属性";
@@ -521,17 +499,31 @@ export default {
       this.$refs.AddField.onEdit(row);
     },
     // 右边删除
-    async handleDelRight(val) {
+    handleDelRight(val) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        maskClosable: true,
+        icon: "exclamation-circle",
+        async onOk() {
           let res = await deleteField({ id: val });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.rightSelectedRowKeys = [];
-        this.getFieldList();
-      } else {
-        this.$message.error(msg);
+            _this.$message.success(msg);
+            _this.rightSelectedRowKeys = [];
+            _this.getFieldList();
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
     // 新增皮肤模板成功刷新列表
     addSuccess() {
       this.getTemplateList();

base-manager-ui/admin/src/pages/basicset/surface/appraiseskin/AppraiseSkin.vue

@@ -2,6 +2,7 @@
   <div>
     <!-- 评价器 横板皮肤 -->
     <div
+      :id="conponentsId"
       class="call-out-skin-across"
       :style="{
         backgroundImage: filterImg('背景大图')
@@ -124,6 +125,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

base-manager-ui/admin/src/pages/basicset/surface/calloutskin/CallOutSkin.vue

@@ -2,6 +2,7 @@
   <div>
     <!-- 呼叫器 横板皮肤 -->
     <div
+      :id="conponentsId"
       class="call-out-skin-across"
       :style="{
         backgroundImage: filterImg('背景大图')
@@ -169,6 +170,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

base-manager-ui/admin/src/pages/basicset/surface/centralizeskin/CentralizeSkin.vue

@@ -3,6 +3,7 @@
     <!-- 集中显示屏 横板 -->
     <div
       class="centralize-across"
+      :id="conponentsId"
       :style="{
         backgroundImage: filterImg('背景大图')
           ? `url(${api + filterImg('背景大图')})`
@@ -192,6 +193,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

base-manager-ui/admin/src/pages/basicset/surface/components/ShowBox.vue

@@ -141,8 +141,11 @@ export default {
       this.$confirm({
         title: "系统提示",
         content: "此操作将删除该皮肤信息，是否继续？",
-        icon: "<Icon type='question-circle'>",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
         centered: true,
+        icon: "exclamation-circle",
         maskClosable: true,
         async onOk() {
           let res = await skinDelete({ id: val });
@@ -154,7 +157,9 @@ export default {
             _this.$message.error(msg);
           }
         },
-        onCancel() {},
+        onCancel() {
+          console.log("Cancel");
+        },
       });
     },
   },

base-manager-ui/admin/src/pages/basicset/surface/modal/AddSurface.vue

@@ -6,6 +6,7 @@
       <div class="add-surface-preview">
         <div ref="content" class="add-surface-preview-content">
           <component
+            conponentsId="conponentsId"
             :is="component"
             :skinFieldList="formData.skinFieldList"
             :imageResolution="formData.imageResolution"
@@ -336,11 +337,12 @@ export default {
       this.$refs.formData.validate((valid) => {
         if (valid) {
           this.loading = true;
-          html2canvas(this.$refs.content, {
+          let conponentsId = document.getElementById("conponentsId");
+          html2canvas(conponentsId, {
             backgroundColor: null,
             useCORS: true,
             dpi: window.devicePixelRatio * 4, //设备像素比
-            scale: 0.5,
+            scale: 0.9,
           })
             .then(async (canvas) => {
               let url = canvas.toDataURL("image/png");

base-manager-ui/admin/src/pages/basicset/surface/modal/EditClassify.vue

@@ -193,10 +193,12 @@ export default {
         this.$confirm({
           title: "系统提示",
           content: "此操作将删除该分类下的所有皮肤信息，是否继续？",
-          width: 450,
+          okText: "确定",
+          okType: "danger",
+          cancelText: "取消",
           centered: true,
-          icon: "<Icon type='question-circle'>",
           maskClosable: true,
+          icon: "exclamation-circle",
           async onOk() {
             let res = await categoryDelete({ id: String(val) });
             let { code, msg } = res.data;
@@ -213,10 +215,12 @@ export default {
         this.$confirm({
           title: "系统提示",
           content: "此操作将删除该分类信息，是否继续？",
-          width: 450,
+          okText: "确定",
+          okType: "danger",
+          cancelText: "取消",
           centered: true,
-          icon: "<Icon type='question-circle'>",
           maskClosable: true,
+          icon: "exclamation-circle",
           async onOk() {
             let res = await categoryDelete({ id: String(val) });
             let { code, msg } = res.data;

base-manager-ui/admin/src/pages/basicset/surface/queuingSkin/LandscapeMode.vue

@@ -2,6 +2,7 @@
   <div>
     <!-- 排号机 1920*1080 -->
     <div
+      :id="conponentsId"
       class="surface-preview"
       v-if="imageResolution === '1'"
       :style="{
@@ -197,6 +198,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

base-manager-ui/admin/src/pages/basicset/surface/windowskin/WindowSkin.vue

@@ -2,6 +2,7 @@
   <div>
     <!-- 窗口屏 横板 -->
     <div
+      :id="conponentsId"
       class="window-skin-across flex jcb aic"
       :style="{
         backgroundImage: filterImg('背景大图')
@@ -91,6 +92,10 @@ export default {
       required: true,
       default: "1",
     },
+    conponentsId: {
+      required: true,
+      type: String,
+    },
   },
   data() {
     return {

base-manager-ui/admin/src/pages/basicset/workman/personnel.vue

@@ -134,17 +134,7 @@
               <a class="edit-pwd" type="primary" @click="changePwd(text)"
                 >修改密码</a
               >
-              <a-popconfirm
-                title="删除不可恢复，确定要删除吗？"
-                @confirm="handleDel(text.id)"
-              >
-                <a-icon
-                  slot="icon"
-                  type="question-circle-o"
-                  style="color: red"
-                />
-                <a class="delet">删除</a>
-              </a-popconfirm>
+              <a class="delet" @click="handleDel(text.id)">删除</a>
             </a-space>
           </span>
         </a-table>
@@ -368,16 +358,30 @@ export default {
       this.getWorkmanData();
     },
     // 删除
-    async handleDel(val) {
+    handleDel(val) {
+      let _this = this;
+      this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        icon: "exclamation-circle",
+        maskClosable: true,
+        async onOk() {
           let res = await delWorkman({ id: val });
           let { code, msg } = res.data;
           if (code === 1) {
-        this.$message.success(msg);
-        this.getWorkmanData();
-      } else {
-        this.$message.error(msg);
+            _this.$message.success(msg);
+            _this.getWorkmanData();
           }
         },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
     // 搜索
     onSearch(val) {
       this.page = 1;