故障处理添加引入知识库关联

http/api.js

@@ -202,3 +202,8 @@ export function api_sj(){
 export function api_incidentCategoryConsumable(data){
   return post("/user/data/fetchDataList/incidentCategoryConsumable", data);
 }
+
+// 获取知识库列表
+export function api_getSolution(data){
+  return post("/solution/fetchDataList/solution", data);
+}

pages.json

@@ -166,15 +166,22 @@
         }
       }
     },
-    {
-      "path": "pages/searchUser/searchUser",
-      "style": {
-        "h5": {
-          "titleNView": false
-        },
-        "enablePullDownRefresh": true
-      }
-    }
+   {
+     "path": "pages/repository/repository",
+     "style": {
+       "h5": {
+         "titleNView": false
+       }
+     }
+   },
+	 {
+	   "path": "pages/repositoryDetails/repositoryDetails",
+	   "style": {
+	     "h5": {
+	       "titleNView": false
+	     }
+	   }
+	 }
   ],
   "globalStyle": {
     "navigationBarTextStyle": "black",

pages/categoryOne/categoryOne.vue

@@ -62,7 +62,7 @@
 
     let postData = {
       idx: dataInfo.idx,
-      sum: 20,
+      sum: 9999,
       incidentcategory: {
         selectType: 'one',
       }

pages/handler/handler.vue

@@ -76,8 +76,14 @@
       <!-- 故障处理 -->
       <template v-if="dataInfo.tabActiveValue === 'doing' && !isInSummaryOrder">
         <view class="form_item column" v-if="dataInfo.category.hasSimple != 1">
-          <view class="title"><text class="required newicon newicon-bitian"></text>解决方案：</view>
-          <uni-easyinput class="value" type="textarea" v-model="dataInfo.handleDescription" placeholder="请输入解决方案" :class="{formRed: isSubmit && !dataInfo.handleDescription.trim()}" />
+          <view class="title title-width">
+						<text class="required newicon newicon-bitian"></text>
+						<view class="title-fl-sb">
+							解决方案：
+							<view @click="importRep('malfunction')" class="import-rep">引入知识库({{dataInfo.introduceCount}})</view>
+						</view>	
+					</view>
+          <uni-easyinput id="scheme" class="value" type="textarea" v-model="dataInfo.handleDescription" placeholder="请输入解决方案" :class="{formRed: isSubmit && !dataInfo.handleDescription.trim()}" />
         </view>
         <view class="form_item" v-if="dataInfo.category.hasSimple != 1">
           <view class="title"><text class="required newicon newicon-bitian"></text>故障现象：</view>
@@ -212,8 +218,12 @@
     category: {},//故障现象
     synergetic: [],//协同人员
     isSummaryNext: false,//汇总单-下一步
+		introduceCount :0
   })
   
+	// 知识库id
+	const solutionId = ref(null)
+	
   // 是否提交
   const isSubmit = ref(false)
   
@@ -300,6 +310,13 @@
     })
   }
   
+	// 引入知识库
+	function importRep(type){
+		uni.navigateTo({
+		  url: `/pages/repository/repository?incidentId=${dataInfo.incidentId}&operateType=${type}`
+		})
+	}
+	
   // 选择故障现象
   function selectCategory(){
     handlerStore.setHandlerData(dataInfo, 'handler');
@@ -675,8 +692,8 @@
   function handlerOrder(){
     let postData = {
       incident: dataInfo.incidentData,
+			solutionId:solutionId.value
     }
-    
     postData.incident.handleDescription = dataInfo.handleDescription;
     postData.incident.handleCategory = {id: dataInfo.handleCategory};
     postData.incident.closecode = {id: dataInfo.closecode};
@@ -825,8 +842,23 @@
     })
   }
   
+	// 获取文本内容
+	function getHtml(html) {
+	  const tempDiv = document.createElement('div');
+	  tempDiv.innerHTML = html;
+	  return tempDiv.textContent || tempDiv.innerText || '';
+	}
+	
   onLoad((option) => {
-    dataInfo.incidentId = option.incidentId;
+		if(option.type&&decodeURIComponent(option.type=='rep')){
+			let handleDescription = decodeURIComponent(option.handleDescription)
+			solutionId.value = JSON.parse(decodeURIComponent(option.solutionId))
+			dataInfo.introduceCount = decodeURIComponent(option.introduceCount!="undefined"?option.introduceCount:0)
+			if(handleDescription!='undefined'){
+				dataInfo.handleDescription = getHtml(handleDescription);
+			}
+		}
+    dataInfo.incidentId = JSON.parse(decodeURIComponent(option.incidentId))
     dataInfo.isSummaryNext = option.isSummaryNext == 1;
     getIncidentDetail();
   })
@@ -958,9 +990,24 @@
         height: auto;
         flex-direction: column;
         align-items: flex-start;
+				.import-rep{
+					padding: 5rpx 10rpx;
+					border-radius: 50rpx;
+					background: #d1fcd5;
+					color: #49b856;
+					font-size: 24rpx;
+				}
         .title{
           margin-right: 0;
         }
+				.title-width{
+					width: 100%;
+				}
+				.title-fl-sb{
+					display: flex;
+					justify-content: space-between;
+					width: 100%;
+				}
         .value{
           margin-top: 10rpx;
           padding-left: 20rpx;

pages/incidentDetail/incidentDetail.vue

@@ -110,6 +110,10 @@
             <text class="name">协同人：</text>
             <text class="value">{{dataInfo.incidentData.synergetic && dataInfo.incidentData.synergetic.length ? dataInfo.incidentData.synergetic.map(v => v.name).join('，') : '无'}}</text>
           </view>
+					<view class="deital_item">
+					  <text class="name">引用知识库：</text>
+					  <text class="value">{{dataInfo.incidentData.solutionNo?dataInfo.incidentData.solutionNo:'未引用'}}</text>
+					</view>
         </view>
       </template>
 

pages/repository/repository.vue

@@ -0,0 +1,211 @@
+<template>
+  <view class="categoryOne">
+    <view class="body" v-if="dataInfo.list.length">
+      <view class="body_item ellipsis" v-for="data in dataInfo.list" :key="data.id">
+				<view @click="toCategoryTwo(data)">
+					<view class="title">{{data.title}}</view>
+					<view class="content">
+						<view v-html="data.content"></view>
+					</view>
+					<view class="sign">
+						<view>引入次数：{{data.introduceCount}}</view>
+						<view>{{data.createtime}}</view>
+					</view>
+				</view>
+				<view class="btn-style">
+					<button @click="importData(data)" @touchmove.stop.prevent type="default" class="primaryButton btn">引入</button>
+				</view>
+      </view>
+    </view>
+    <view class="zanwu" v-else>
+      <text class="newicon newicon-zanwu"></text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+  import { ref, reactive} from 'vue'
+  import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
+  import { api_getSolution } from "@/http/api.js"
+  import { defaultColor } from '@/static/js/theme.js'
+  import { useSetTitle } from '@/share/useSetTitle.js'
+  import { useLoginUserStore } from '@/stores/loginUser'
+  import { useGoBack } from '@/share/useGoBack.js'
+  
+  useSetTitle();
+  const loginUserStore = useLoginUserStore();
+  const { goBack }  = useGoBack();
+  
+	// 操作类型
+	const operateType = ref(null)
+	
+  // 主题颜色
+  const primaryColor = ref(defaultColor)
+  
+  // 数据
+  const dataInfo = reactive({
+    list: [],//工单列表
+    idx: 0,//页码
+    hasMore: true,//是否有更多数据
+    incidentId: undefined,//事件ID
+  })
+  
+  // 跳转知识库详情
+  function toCategoryTwo(data){
+    uni.navigateTo({
+      url: `/pages/repositoryDetails/repositoryDetails?incidentId=${dataInfo.incidentId}
+			&solutionnumber=${data.solutionnumber}&operateType=${operateType.value}`
+    })
+  }
+	
+  // 引入
+	function importData(data){
+		let url = null
+		if(operateType.value=='malfunction'){ //故障处理
+			url = '/pages/handler/handler'
+		}else if(operateType.value=='reissue'){ //补单
+			url = '/pages/handler/handler'
+		}
+		uni.navigateTo({
+		  url: `${url}?incidentId=${encodeURIComponent(JSON.stringify(dataInfo.incidentId))}
+			&handleDescription=${encodeURIComponent(data.content)}&solutionId=${encodeURIComponent(JSON.stringify(data.id))}&isSummaryNext=1&type=${encodeURIComponent('rep')}
+			&introduceCount=${encodeURIComponent(data.introduceCount)}`
+		})
+	}
+	
+  // 获取列表信息
+  function getList(idx){
+    uni.showLoading({
+      title: "加载中",
+      mask: true,
+    });
+    
+    dataInfo.idx = idx === undefined ? dataInfo.idx : idx;
+    if(dataInfo.idx === 0){
+      dataInfo.list = [];
+    }
+
+    let postData = {
+      idx: dataInfo.idx,
+      sum: 20,
+      solution: {
+        selectType:"",
+				keySearch:"",
+				keywords:"",
+				solutionType:{id:""},
+				status:{id:72},
+				createUser:{name:""},
+				dutyId:1,
+				tabType:"publish"
+      }
+    }
+    
+    api_getSolution(postData).then(res => {
+      uni.hideLoading();
+      uni.stopPullDownRefresh();
+      if(res.status == 200){
+        let list = res.list || [];
+        if(list.length){
+          dataInfo.hasMore = true;
+          dataInfo.list = dataInfo.idx === 0 ? list : dataInfo.list.concat(list);
+        }else{
+          dataInfo.hasMore = false;
+        }
+      }else{
+        uni.showToast({
+          icon: 'none',
+          title: res.msg || '请求数据失败！'
+        });
+      }
+    })
+  }
+  
+  onLoad((option) => {
+    dataInfo.incidentId = option.incidentId;
+		operateType.value = option.operateType;
+    getList(0);
+  })
+  
+  onPullDownRefresh(() => {
+    getList(0)
+  })
+  
+  onReachBottom(() => {
+    dataInfo.idx += 1;
+    if (dataInfo.hasMore) {
+      getList(); // 当触底时加载更多数据
+    }
+  })
+</script>
+
+<style lang="scss" scoped>
+.categoryOne{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  .head{
+    height: 88rpx;
+    display: flex;
+    align-items: center;
+    padding: 0 24rpx;
+    position: fixed;
+    z-index: 99;
+    width: 100%;
+    box-sizing: border-box;
+    background: #fff;
+    font-size: 26rpx;
+    color: $uni-primary;
+  }
+  .body{
+    font-size: 30rpx;
+    .body_item{
+      border-bottom: 8rpx solid #DEDEDE;
+			.title{
+				font-weight: 600;
+				padding: 24rpx;
+				border-bottom: 1rpx solid #DEDEDE;
+			}
+			.content{
+				color: #6A6A6A;
+				font-size: 24rpx;
+				padding: 24rpx;
+				border-bottom: 1rpx solid #DEDEDE;
+				view{
+					display: -webkit-box;
+					overflow: hidden;
+					-webkit-box-orient: vertical;
+					-webkit-line-clamp: 3;
+					text-overflow: ellipsis;
+					white-space: initial;
+				}
+			}
+			.sign{
+				display: flex;
+				justify-content: space-between;
+				padding: 24rpx 24rpx 0 24rpx;
+				font-size: 26rpx;
+			}
+			.btn-style{
+				padding: 24rpx;
+			}
+    }
+  }
+  .zanwu{
+    margin-bottom: 140rpx;
+    margin-top: 88rpx;
+    display: flex;
+    justify-content: center;
+    .newicon-zanwu{
+      font-size: 256rpx;
+      color: #D6D6D6;
+      margin-top: 140rpx;
+    }
+  }
+  .foot_common_btns{
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    background-color: #fff;
+  }
+}
+</style>

pages/repositoryDetails/repositoryDetails.vue

@@ -0,0 +1,205 @@
+<template>
+  <view class="box">
+    <view class="head">{{dataInfo.data.title}}</view>
+    <view class="sign">
+			<text>引入次数：{{dataInfo.data.introduceCount}}</text>
+			<text>版本号：{{dataInfo.data.visionNumber}}</text>
+			<text>{{dataInfo.data.createtime}}</text>
+		</view>
+		<view class="theme">{{mutiCategory}}</view>
+		<view class="content" v-html="dataInfo.data.content"></view>
+		<view class="file-list" v-for="item in dataInfo.fileData" :key="item">
+			<view class="file-item" @click="downloadFile(item)">{{item.name}}</view>
+			<text class="newicon newicon-xiazai" @click="downloadFile(item)"></text>
+		</view>
+		<button @click="importData" type="default" class="primaryButton btn btn-style">引入</button>
+  </view>
+</template>
+
+<script setup>
+  import { ref, reactive} from 'vue'
+  import { onLoad } from '@dcloudio/uni-app'
+  import { api_getSolution, api_listAttachment} from "@/http/api.js"
+  import { useSetTitle } from '@/share/useSetTitle.js'
+  import { useLoginUserStore } from '@/stores/loginUser'
+  import { useGoBack } from '@/share/useGoBack.js'
+  
+  useSetTitle();
+  const loginUserStore = useLoginUserStore();
+  const { goBack }  = useGoBack();
+  
+  // 故障类型
+  const mutiCategory = ref(null)
+  
+	// 操作类型
+	const operateType = ref(null)
+	
+  // 数据
+  const dataInfo = reactive({
+    data: [],//数据
+    incidentId: undefined,//事件ID
+		solutionnumber:undefined,
+		fileData:[] //附件数据
+  })
+  
+  // 下载附件
+  function downloadFile(item){
+    console.log(666,item)
+		// 下载文件资源到本地
+		uni.downloadFile({
+			url: item.previewUrl,  // 后端返回的线上文件路径
+			success: function(res) {
+				if (res.statusCode === 200) {
+					// 文件到本地
+					uni.saveFile({
+						tempFilePath: res.tempFilePath, //临时路径
+						success: function(data) {
+							uni.showToast({
+								icon: 'none',
+								mask: true,
+								title: '保存成功',
+								duration: 2000
+							})
+							//ios手机直接打开文件，手动存储文件到手机，Android手机从根目录创建文件夹，保存文件并改名
+							setTimeout(() => {
+								//打开文档查看
+								uni.openDocument({
+									filePath: data.savedFilePath,
+									success: function(ress) {
+										console.log("成功打开文件")
+									},
+									fail() {
+										console.log("打开文件失败")
+									}
+								})
+							}, 1000)
+						}
+					})
+					console.log('下载成功');
+				}
+			},
+			fail: function(res) {
+				console.log(res.errMsg);
+			},
+			complete: function(res) {
+				console.log(res.statusCode);
+			},
+			progress: function(res) {
+				console.log('下载进度' + res.progress);
+			}
+		});
+  }
+  
+	// 引入
+	function importData(){
+		let url = null
+		if(operateType.value=='malfunction'){ //故障处理
+			url = '/pages/handler/handler'
+		}else if(operateType.value=='reissue'){ //补单
+			url = '/pages/handler/handler'
+		}
+		uni.navigateTo({
+		  url: `${url}?incidentId=${encodeURIComponent(JSON.stringify(dataInfo.incidentId))}
+			&handleDescription=${encodeURIComponent(dataInfo.data.content)}&solutionId=${encodeURIComponent(JSON.stringify(dataInfo.data.id))}
+			&isSummaryNext=1&type=${encodeURIComponent('rep')}&introduceCount=${encodeURIComponent(dataInfo.data.introduceCount)}`
+		})
+	}
+	
+	// 获取附件
+	function getHandlerImgs(type,id){
+	  uni.showLoading({
+	    title: "加载中",
+	    mask: true,
+	  });
+	  api_listAttachment(type, id).then(res => {
+	    uni.hideLoading();
+			dataInfo.fileData = res.data
+	  })
+	}
+	
+  // 获取列表信息
+  function getList(){
+    uni.showLoading({
+      title: "加载中",
+      mask: true,
+    });
+    
+    let postData = {
+      idx: dataInfo.idx,
+      sum: 20,
+      solution: {
+        solutionnumber: dataInfo.solutionnumber,
+      }
+    }
+    
+    api_getSolution(postData).then(res => {
+      uni.hideLoading();
+      if(res.status == 200){
+        let list = res.list || [];
+        dataInfo.data = list[0]
+				mutiCategory.value = list[0].category.mutiCategory
+				getHandlerImgs('knowledge',list[0].id)
+      }else{
+        uni.showToast({
+          icon: 'none',
+          title: res.msg || '请求数据失败！'
+        });
+      }
+    })
+  }
+  
+  onLoad((option) => {
+    dataInfo.incidentId = option.incidentId;
+		dataInfo.solutionnumber = option.solutionnumber 
+		operateType.value = option.operateType;
+    getList();
+  })
+
+</script>
+
+<style lang="scss" scoped>
+.box{
+  padding: 24rpx;
+  .head{
+    color: #000;
+    font-size: 32rpx;
+		font-weight: 600;
+  }
+  .sign{
+    color: #686868;
+    font-size: 24rpx;
+		padding: 24rpx 0;
+    text{
+      margin-right: 40rpx;
+    }
+  }
+  .theme{
+    font-size: 26rpx;
+		color: #49b856;
+		padding: 0 0 24rpx 0;
+  }
+	.content{
+		padding-bottom: 24rpx;
+		border-bottom: 1px solid #eee;
+		overflow-y: scroll;
+	}
+  .file-list{
+    display: flex;
+		margin-bottom: 10rpx;
+		margin-top: 24rpx;
+		.file-item{
+			color: #00aaff;
+			text-decoration: underline;
+		}
+		text{
+			margin-left: 15rpx;
+			margin-top: 8rpx;
+		}
+  }
+	.btn-style{
+		position: fixed;
+		bottom: 40rpx;
+		width: 93%; 
+	}
+}
+</style>

static/font/demo_index.html

@@ -55,6 +55,18 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon newicon">&#xe660;</span>
+                <div class="name">上传</div>
+                <div class="code-name">&amp;#xe660;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon newicon">&#xe60e;</span>
+                <div class="name">下载</div>
+                <div class="code-name">&amp;#xe60e;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon newicon">&#xe640;</span>
                 <div class="name">11</div>
                 <div class="code-name">&amp;#xe640;</div>
@@ -210,9 +222,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'newicon';
-  src: url('iconfont.woff2?t=1713576883104') format('woff2'),
-       url('iconfont.woff?t=1713576883104') format('woff'),
-       url('iconfont.ttf?t=1713576883104') format('truetype');
+  src: url('iconfont.woff2?t=1718174994993') format('woff2'),
+       url('iconfont.woff?t=1718174994993') format('woff'),
+       url('iconfont.ttf?t=1718174994993') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -239,6 +251,24 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon newicon newicon-shangchuan"></span>
+            <div class="name">
+              上传
+            </div>
+            <div class="code-name">.newicon-shangchuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon newicon newicon-xiazai"></span>
+            <div class="name">
+              下载
+            </div>
+            <div class="code-name">.newicon-xiazai
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon newicon newicon-icon-test"></span>
             <div class="name">
               11
@@ -474,6 +504,22 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#newicon-shangchuan"></use>
+                </svg>
+                <div class="name">上传</div>
+                <div class="code-name">#newicon-shangchuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#newicon-xiazai"></use>
+                </svg>
+                <div class="name">下载</div>
+                <div class="code-name">#newicon-xiazai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#newicon-icon-test"></use>
                 </svg>
                 <div class="name">11</div>

static/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "newicon"; /* Project id 4304860 */
-  src: url('iconfont.woff2?t=1713576883104') format('woff2'),
-       url('iconfont.woff?t=1713576883104') format('woff'),
-       url('iconfont.ttf?t=1713576883104') format('truetype');
+  src: url('iconfont.woff2?t=1718174994993') format('woff2'),
+       url('iconfont.woff?t=1718174994993') format('woff'),
+       url('iconfont.ttf?t=1718174994993') format('truetype');
 }
 
 .newicon {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.newicon-shangchuan:before {
+  content: "\e660";
+}
+
+.newicon-xiazai:before {
+  content: "\e60e";
+}
+
 .newicon-icon-test:before {
   content: "\e640";
 }

static/font/iconfont.json

@@ -6,6 +6,20 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "1301374",
+      "name": "上传",
+      "font_class": "shangchuan",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "11833563",
+      "name": "下载",
+      "font_class": "xiazai",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
       "icon_id": "5598925",
       "name": "11",
       "font_class": "icon-test",