From ad2cbd282e7210af8eb8a8c3838506d224d20050 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Mon, 14 Sep 2020 10:56:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E7=AB=AF=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E3=80=81=E8=A7=92=E8=89=B2=E6=9D=83=E9=99=90?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 epmet-oper-web/src/App.vue                    |  4 +-
 .../ren-region-tree/src/ren-region-tree.vue   | 98 +++++++++++--------
 .../modules/customer/customize/ConfigItem.vue | 36 ++++---
 .../productConfig/subscribe/MyTemp.vue        |  2 +-
 .../productConfig/subscribe/MyTempList.vue    |  1 +
 .../productConfig/subscribe/TempDetail.vue    |  3 +-
 .../productConfig/subscribe/TempList.vue      | 36 +++++--
 epmet-oper-web/src/views/pages/loginWork.vue  | 30 +++---
 8 files changed, 127 insertions(+), 83 deletions(-)

diff --git a/epmet-oper-web/src/App.vue b/epmet-oper-web/src/App.vue
index 20a9614..16e4c02 100644
--- a/epmet-oper-web/src/App.vue
+++ b/epmet-oper-web/src/App.vue
@@ -64,11 +64,11 @@ export default {
     // eslint-disable-next-line
     // debugger
     that.setEnv(env)
-
+    console.log('屏幕宽度:' + document.documentElement.clientWidth)
     // 根据屏幕分辨率调整size
     if (document.documentElement.clientHeight < 800) {
       // medium大小
-      that.setSize('medium')
+      that.setSize('small')
       // 屏幕分辨率
       that.setResolution('small')
       Vue.prototype.$ELEMENT = { size: 'medium', zIndex: 3000 }
diff --git a/epmet-oper-web/src/components/ren-region-tree/src/ren-region-tree.vue b/epmet-oper-web/src/components/ren-region-tree/src/ren-region-tree.vue
index 9036a24..8f81057 100644
--- a/epmet-oper-web/src/components/ren-region-tree/src/ren-region-tree.vue
+++ b/epmet-oper-web/src/components/ren-region-tree/src/ren-region-tree.vue
@@ -1,49 +1,65 @@
 <template>
   <div class="ren-region">
-  <el-input v-model="showName" :placeholder="placeholder" @focus="treeDialog">
-    <el-button slot="append" icon="el-icon-search" @click="treeDialog"></el-button>
-  </el-input>
-  <el-input :value="value" style="display: none"></el-input>
-  <el-dialog :visible.sync="visibleTree" width="360px" :modal="false" :title="placeholder" :close-on-click-modal="false" :close-on-press-escape="false">
-    <el-form size="mini" :inline="true">
-      <el-form-item :label="$t('keyword')">
-        <el-input v-model="filterText"></el-input>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="default">{{ $t('query') }}</el-button>
-      </el-form-item>
-    </el-form>
-    <el-tree
-      class="filter-tree"
-      :data="dataList"
-      :default-expanded-keys="expandedKeys"
-      :props="{ label: 'name', children: 'children' }"
-      :expand-on-click-node="false"
-      :filter-node-method="filterNode"
-      :highlight-current="true"
-      node-key="id"
-      ref="tree">
-    </el-tree>
-    <template slot="footer">
-      <el-button type="default" @click="cancelHandle()" size="mini">{{ $t('cancel') }}</el-button>
-      <el-button type="info" @click="clearHandle()" size="mini">{{ $t('clear') }}</el-button>
-      <el-button type="primary" @click="commitHandle()" size="mini">{{ $t('confirm') }}</el-button>
-    </template>
-  </el-dialog>
+    <el-input v-model="showName"
+              :placeholder="placeholder"
+              @focus="treeDialog">
+      <el-button slot="append"
+                 icon="el-icon-search"
+                 @click="treeDialog"></el-button>
+    </el-input>
+    <el-input :value="value"
+              style="display: none"></el-input>
+    <el-dialog :visible.sync="visibleTree"
+               width="360px"
+               :modal="false"
+               :title="placeholder"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false">
+      <el-form size="mini"
+               :inline="true">
+        <el-form-item :label="$t('keyword')">
+          <el-input v-model="filterText"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="default">{{ $t('query') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-tree class="filter-tree"
+               :data="dataList"
+               :default-expanded-keys="expandedKeys"
+               :props="{ label: 'name', children: 'children' }"
+               :expand-on-click-node="false"
+               :filter-node-method="filterNode"
+               :highlight-current="true"
+               node-key="id"
+               ref="tree">
+      </el-tree>
+      <template slot="footer">
+        <el-button type="default"
+                   @click="cancelHandle()"
+                   size="mini">{{ $t('cancel') }}</el-button>
+        <el-button type="info"
+                   @click="clearHandle()"
+                   size="mini">{{ $t('clear') }}</el-button>
+        <el-button type="primary"
+                   @click="commitHandle()"
+                   size="mini">{{ $t('confirm') }}</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 <style lang="scss">
 .ren-region {
-    .filter-tree {
-        max-height: 230px;
-        overflow: auto;
-    }
-    .el-dialog__body {
-        padding: 0px 0px 0px 20px;
-    }
-    .el-dialog__footer {
-        padding: 10px 20px 8px 20px;
-    }
+  .filter-tree {
+    max-height: 230px;
+    overflow: auto;
+  }
+  .el-dialog__body {
+    padding: 0px 0px 0px 20px;
+  }
+  .el-dialog__footer {
+    padding: 10px 20px 8px 20px;
+  }
 }
 </style>
 <script>
@@ -99,7 +115,7 @@ export default {
           this.$refs.tree.setCurrentKey(id)
           this.expandedKeys = [id]
         })
-      }).catch(() => {})
+      }).catch(() => { })
     },
     cancelHandle () {
       this.visibleTree = false
diff --git a/epmet-oper-web/src/views/modules/customer/customize/ConfigItem.vue b/epmet-oper-web/src/views/modules/customer/customize/ConfigItem.vue
index a8101f1..594a7c6 100644
--- a/epmet-oper-web/src/views/modules/customer/customize/ConfigItem.vue
+++ b/epmet-oper-web/src/views/modules/customer/customize/ConfigItem.vue
@@ -369,19 +369,21 @@
                  :label-width="'100px'">
           <el-form-item v-if="optionType!=='1'"
                         label="角色">
-
-            <el-checkbox style="width:550px"
-                         :indeterminate="isIndeterminate"
-                         v-model="checkAll"
-                         @change="handleCheckAllChange">全选</el-checkbox>
-
-            <el-checkbox-group style="width:550px"
-                               v-model="roleCheckedArray"
-                               @change="handleCheckedCitiesChange">
-              <el-checkbox v-for="item in roleAllList"
-                           :label="item.roleKey"
-                           :key="item.roleKey">{{item.roleName}}</el-checkbox>
-            </el-checkbox-group>
+            <div style="overflow-x:auto">
+
+              <el-checkbox style="width:'500px'"
+                           :indeterminate="isIndeterminate"
+                           v-model="checkAll"
+                           @change="handleCheckAllChange">全选</el-checkbox>
+
+              <el-checkbox-group style="width:'500px'"
+                                 v-model="roleCheckedArray"
+                                 @change="handleCheckedCitiesChange">
+                <el-checkbox v-for="item in roleAllList"
+                             :label="item.roleKey"
+                             :key="item.roleKey">{{item.roleName}}</el-checkbox>
+              </el-checkbox-group>
+            </div>
 
           </el-form-item>
           <el-form-item v-if="optionType!=='3'"
@@ -490,8 +492,13 @@ export default {
     },
     dialogWidth () {
 
-      return this.resolution === 'small' ? 50 : 40
+      return this.resolution === 'small' ? 60 : 60
     },
+    checkWidth () {
+
+      return document.documentElement.clientWidth * (this.dialogWidth / 100)
+    },
+
     ...mapGetters(['clientHeight', 'resolution']),
     formRule () {
       return {
@@ -677,6 +684,7 @@ export default {
       const { data, code, msg, internalMsg } = await requestPost(url, this.upOrDownForm)
 
       if (code === 0) {
+        debugger
         this.roleCheckedArray = []
 
         data.forEach(item => {
diff --git a/epmet-oper-web/src/views/modules/productConfig/subscribe/MyTemp.vue b/epmet-oper-web/src/views/modules/productConfig/subscribe/MyTemp.vue
index 28b88cb..734487e 100644
--- a/epmet-oper-web/src/views/modules/productConfig/subscribe/MyTemp.vue
+++ b/epmet-oper-web/src/views/modules/productConfig/subscribe/MyTemp.vue
@@ -56,7 +56,6 @@ export default {
       this.resiAppid = resiAppid
 
       this.radioChange('resi')
-
     },
     radioChange (val) {
 
@@ -78,6 +77,7 @@ export default {
       })
     },
     doLayout () {
+
       this.$nextTick(() => {
         if (this.activeName === 'gov') {
           this.$refs['ref_work'].doLayout() // 解决表格错位
diff --git a/epmet-oper-web/src/views/modules/productConfig/subscribe/MyTempList.vue b/epmet-oper-web/src/views/modules/productConfig/subscribe/MyTempList.vue
index 4f011e4..41e1c05 100644
--- a/epmet-oper-web/src/views/modules/productConfig/subscribe/MyTempList.vue
+++ b/epmet-oper-web/src/views/modules/productConfig/subscribe/MyTempList.vue
@@ -82,6 +82,7 @@ export default {
   methods: {
 
     doLayout () {
+
       this.$nextTick(() => {
         this.$refs['ref_table'].doLayout() // 解决表格错位
 
diff --git a/epmet-oper-web/src/views/modules/productConfig/subscribe/TempDetail.vue b/epmet-oper-web/src/views/modules/productConfig/subscribe/TempDetail.vue
index f9c8649..1f93158 100644
--- a/epmet-oper-web/src/views/modules/productConfig/subscribe/TempDetail.vue
+++ b/epmet-oper-web/src/views/modules/productConfig/subscribe/TempDetail.vue
@@ -79,6 +79,7 @@
                 <span class="span_right_item_title">详细内容</span>
               </el-col>
               <el-col :span="18">
+                <!-- <span class="span_right_item_content">{{dataForm.content}}</span> -->
                 <div v-for="(item,index) in contentArray"
                      :key="index">
                   <el-row :gutter="10">
@@ -171,7 +172,7 @@ export default {
       //右侧详细内容解析
 
       this.contentArray = []
-      let arrayContent = this.dataForm.content.split('\\n')
+      let arrayContent = this.dataForm.content.split(' ')
       for (let i = 0; i < arrayContent.length - 1; i++) {
         let oneArray = arrayContent[i].split(':')
         let obj = {}
diff --git a/epmet-oper-web/src/views/modules/productConfig/subscribe/TempList.vue b/epmet-oper-web/src/views/modules/productConfig/subscribe/TempList.vue
index 681d8e2..16bdd34 100644
--- a/epmet-oper-web/src/views/modules/productConfig/subscribe/TempList.vue
+++ b/epmet-oper-web/src/views/modules/productConfig/subscribe/TempList.vue
@@ -46,6 +46,7 @@
           </el-form>
           <el-table ref="ref_publictable"
                     v-loading="dataListLoading"
+                    :height="tableHeight"
                     :data="dataList"
                     border
                     style="width: 100%;">
@@ -64,6 +65,11 @@
                              header-align="left"
                              :min-width="100"
                              align="left"></el-table-column>
+            <el-table-column prop="categoryShow"
+                             label="类目"
+                             header-align="left"
+                             :min-width="100"
+                             align="left"></el-table-column>
             <el-table-column label="操作"
                              fixed="right"
                              header-align="center"
@@ -163,7 +169,7 @@ export default {
   },
   computed: {
     tableHeight () {
-      return this.clientHeight - 60 - 80 - 80
+      return this.clientHeight - 60 - 80 - 170
     },
     ...mapGetters(['clientHeight', 'env'])
   },
@@ -179,9 +185,9 @@ export default {
   },
   methods: {
     async renderSelData () { // 渲染下拉框/单选框/复选框等数据
-      debugger
-      const url = 'https://nei.netease.com/api/apimock-v2/e3b1d0eb88e905f6c7ee559b2d6bb7ad/third/subscribe/getcategory'
-      // const url = '/third/subscribe/getcategory'
+
+      // const url = 'https://nei.netease.com/api/apimock-v2/e3b1d0eb88e905f6c7ee559b2d6bb7ad/third/subscribe/getcategory'
+      const url = '/third/subscribe/getcategory'
       let params = {
         appId: this.resiAppid
       }
@@ -200,9 +206,7 @@ export default {
       // const url = 'https://nei.netease.com/api/apimock-v2/e3b1d0eb88e905f6c7ee559b2d6bb7ad/third/subscribe/getpubtemplatetitles'
       const url = '/third/subscribe/getpubtemplatetitles'
 
-
       this.tableParams.appId = this.resiAppid
-      // this.tableParams.ids = '794'
 
       const { data, code, msg, internalMsg } = await requestPost(url, this.tableParams)
       if (code === 0) {
@@ -210,7 +214,16 @@ export default {
         this.dataList = data.list
         this.dataList.forEach(element => {
           element.typeShow = element.type === 2 ? '一次性订阅' : '长期订阅'
-          // element.keywordsShow = element.keywords.join()
+
+          for (let i = 0; i < this.categoryList.length; i++) {
+            if (element.categoryId === this.categoryList[i].id + '') {
+              element.categoryShow = this.categoryList[i].name
+              break
+            }
+          }
+
+
+
         })
       } else {
         // this.$message.error(msg + "：" + internalMsg)
@@ -229,6 +242,15 @@ export default {
         }
 
       }
+
+      this.$nextTick(() => {
+        if (this.activeName === 'mine') {
+          this.$refs.ref_mytemp.doLayout() // 解决表格错位
+        } else if (this.activeName === 'public') {
+          this.$refs.ref_publictable.doLayout() // 解决表格错位
+        }
+
+      })
     },
     //同步本地公共模板库为微信的公共模板库
     async syncSubSure () {
diff --git a/epmet-oper-web/src/views/pages/loginWork.vue b/epmet-oper-web/src/views/pages/loginWork.vue
index d294254..6467287 100644
--- a/epmet-oper-web/src/views/pages/loginWork.vue
+++ b/epmet-oper-web/src/views/pages/loginWork.vue
@@ -101,21 +101,15 @@
               :width="30"
               :top="'120px'"
               @cancel="diaCancel">
-      <div class="div_total">
-        <div v-for="(item,index) in tableData"
-             :key=index
-             class="div_row">
-          <!-- <i class="el-icon-user-solid i_icon"></i> -->
-          <span @click="selectCustomer(item)"
-                class="span_name">{{item.customerName}}</span>
-          <!-- <el-button class="btn_sel"
-                     size="small"
-                     type="primary"
-                     plain
-                     @click="selectCustomer(item)">选择</el-button> -->
-        </div>
-
+      <!-- <div class="div_total"> -->
+      <div v-for="(item,index) in tableData"
+           :key=index
+           class="div_row">
+        <span @click="selectCustomer(item)"
+              class="span_name">{{item.customerName}}</span>
       </div>
+
+      <!-- </div> -->
       <!-- <el-table v-loading="tableLoading"
                 :data="tableData"
                 border
@@ -297,12 +291,15 @@ export default {
   width: 100%;
   text-align: center;
 }
+.el-dialog__body {
+  width: 500px;
+  padding: 0px 0px 0px 20px;
+}
 .div_row {
   height: 50px;
-  width: 50%;
   text-align: center;
   line-height: 50px;
-  margin: 10px 0 10px 150px;
+
   /* width: 100px; */
   /* background-color: rgb(241, 241, 241); */
 }
@@ -321,6 +318,5 @@ export default {
   font-size: 18px;
   cursor: pointer;
   /* color: rgb(37, 156, 235); */
-  float: left;
 }
 </style>