From b5a532e12640cf98ea7b367031c41269742914ba Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Mon, 6 Jun 2022 17:04:02 +0800
Subject: [PATCH] abilityqualityvideo

---
 client/src/views/ability/abilityQuality.vue |   7 +-
 client/src/views/ability/mQualityTask.vue   | 253 +++++++++++++++-----
 client/src/views/ability/qualityTaskDo.vue  |  11 +-
 client/src/views/ability/quliShow.vue       |  28 ++-
 client/src/views/testvideo/upload.vue       | 183 +++++++++++---
 5 files changed, 381 insertions(+), 101 deletions(-)

diff --git a/client/src/views/ability/abilityQuality.vue b/client/src/views/ability/abilityQuality.vue
index d3f1b27..4ff298c 100644
--- a/client/src/views/ability/abilityQuality.vue
+++ b/client/src/views/ability/abilityQuality.vue
@@ -82,8 +82,11 @@
             </el-table-column>
             <el-table-column label="备案城市">
               <template slot-scope="scope">
-                <span v-if="scope.row.province_name" v-html="showlight(scope.row.province_name)"></span>
-                <span  v-if="scope.row.city_name" v-html="showlight(scope.row.city_name)"></span>
+                <span v-if="scope.row.province_name"></span>
+                <span  v-if="scope.row.city_name" ></span>
+                <span  v-if="scope.row.citys_" v-for="item in scope.row.citys_">
+                  {{item.name}}
+                </span>
               </template>
             </el-table-column>
             <el-table-column label="所属单位">
diff --git a/client/src/views/ability/mQualityTask.vue b/client/src/views/ability/mQualityTask.vue
index 6c222e0..967c93d 100644
--- a/client/src/views/ability/mQualityTask.vue
+++ b/client/src/views/ability/mQualityTask.vue
@@ -124,21 +124,14 @@
             <el-tag type="danger" effect="plain" v-else>未确认</el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="报送文件">
-          <template slot-scope="scope" v-if="scope.row.files">
-            <el-link
-              v-if="scope.row.files.length > 1"
-              @click="handleRecord({ action: 'view', record: scope.row })"
-            >有
-              <span style="color: red">{{ scope.row.files.length }}</span>
-              个文件
-            </el-link
-            >
-            <div v-else v-for="item in scope.row.files_" v-bind:key="item.id">
-              <el-link :href="item.path" target="_blank" type="primary">
-                {{item.name }}
-              </el-link>
-            </div>
+        <el-table-column label="文件">
+          <template slot-scope="scope">
+            <el-link v-if="scope.row.file_" :href="scope.row.file_.file" target="_blank" type="primary">
+              {{scope.row.file_.name}}
+            </el-link>
+            <el-link v-if="scope.row.value1" :href="scope.row.value1.file_" target="_blank" type="primary">
+              <span v-if="scope.row.value1.file_"> {{scope.row.value1.file_.name}}</span>
+            </el-link>
           </template>
         </el-table-column>
         <el-table-column label="操作人">
@@ -153,10 +146,15 @@
         <el-table-column
           align="center"
           label="操作"
-          width="60px"
           fixed="right"
         >
           <template slot-scope="scope">
+           <!-- <el-link
+              type="primary"
+              size="small"
+              @click="handleDetail( scope.row.id )"
+            >操作记录
+            </el-link>-->
             <el-link
               v-if="!scope.row.confirmed"
               type="danger"
@@ -174,7 +172,7 @@
         :limit.sync="listQuery.page_size"
         @pagination="getList"
       />
-      <el-drawer
+     <!-- <el-drawer
         title="记录"
         :visible.sync="drawer"
         :with-header="false"
@@ -186,7 +184,7 @@
           @handleDo="handleDo"
           v-if="drawer"
         ></recorddo>
-      </el-drawer>
+      </el-drawer>-->
     </el-card>
     <el-dialog
       :visible.sync="dialogVisibleAbility"
@@ -195,7 +193,7 @@
       <el-form
         ref="abilityForm"
         :model="abilityForm"
-        label-width="80px"
+        label-width="120px"
         label-position="right"
         :rules="rule"
       >
@@ -231,7 +229,6 @@
           <el-upload
             ref="upload"
             :action="upUrl"
-            :on-preview="handlePreview"
             :on-success="handleUpSuccess"
             :on-remove="handleRemove"
             :headers="upHeaders"
@@ -242,10 +239,30 @@
             <el-button size="small" type="primary">上传文件</el-button>
           </el-upload>
         </el-form-item>
-        <el-form-item label="新增数量">
-          <el-input-number v-model="abilityForm.num" :min="1" label="新增数量"></el-input-number>
-        </el-form-item>
-
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="对象数量">
+            <el-input-number v-model="abilityForm.num" :min="1" label="新增对象数量"></el-input-number>
+          </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="方法标准数量">
+              <el-input-number v-model="abilityForm.num3" :min="1" label="新增方法标准数量"></el-input-number>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="参数数量">
+              <el-input-number v-model="abilityForm.num2" :min="1" label="新增参数数量"></el-input-number>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="产品标准数量">
+              <el-input-number v-model="abilityForm.num4" :min="1" label="新增产品标准数量"></el-input-number>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <div style="text-align: right">
         <el-button type="danger" @click="dialogVisibleAbility = false">取消</el-button>
@@ -300,6 +317,14 @@
         <el-form-item label="等级" v-if="qualiForm.type==='OTHER'">
           <el-input v-model="qualiForm.level" placeholder="等级"/>
         </el-form-item>
+        <el-form-item label="有效期">
+          <el-date-picker
+            v-model="qualiForm.end_date"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择有效期">
+          </el-date-picker>
+        </el-form-item>
         <el-form-item label="资质范围">
           <el-input
             type="textarea"
@@ -371,6 +396,42 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item label="资质文件" prop="file">
+          <el-upload
+            ref="upload"
+            :action="upUrl"
+            accept=".zip,.pdf,.jpg"
+            :on-success="handleUpSuccessQuality"
+            :on-remove="handleRemoveQuality"
+            :headers="upHeaders"
+            :file-list="fileLista"
+            :limit="1"
+          >
+            <el-button size="small" type="primary">上传文件</el-button>
+            <span class="el-upload__tip">
+              可上传压缩包.zip,图片.jpg、.png等文件
+            </span>
+          </el-upload>
+        </el-form-item>
+        <!--<el-form-item label="资质文件">
+          <el-upload
+            ref="upload"
+            :action="upUrl"
+            :before-upload="beforeUpload"
+            :on-success="handleUpSuccessQuality"
+            :headers="upHeaders"
+            :on-remove="handleRemoveQuality"
+            :file-list="qualiForm.file"
+             multiple
+            :limit="1"
+            accept=".ppt,.pdf,.word，.doc,.docx,.xls,.xlsx"
+          >
+            <el-button size="small" type="primary">上传文件</el-button>
+            <span class="el-upload__tip">
+              可上传多个pdf,word,ppt,excel,图片文件,单文件大小不超过50M
+            </span>
+          </el-upload>
+        </el-form-item>-->
       </el-form>
       <div style="text-align: right">
         <el-button type="danger" @click="dialogVisible = false">取消</el-button>
@@ -447,6 +508,14 @@
         <el-form-item label="等级" v-if="qualiForm.type==='OTHER'">
           <el-input v-model="qualiForm.level" placeholder="等级"/>
         </el-form-item>
+        <el-form-item label="有效期">
+          <el-date-picker
+            v-model="qualiForm.end_date"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择有效期">
+          </el-date-picker>
+        </el-form-item>
         <el-form-item label="资质范围">
           <el-input
             type="textarea"
@@ -463,17 +532,34 @@
           ></el-input>
         </el-form-item>
         <el-form-item label="备案城市" v-if="qualiForm.type==='OTHER'">
-          <el-input v-model="qualiForm.citys" disabled placeholder="备案城市"/>
+          <el-input v-model="citysName" disabled placeholder="备案城市"/>
           <!--<span v-for="item in qualiForm.citys" :key="item.id">{{item.name}}</span>-->
         </el-form-item>
         <el-form-item label="所在省" v-if="qualiForm.grade===20">
-          <el-input v-model="qualiForm.province_name" disabled placeholder="所在省"/>
+          <el-input v-model="province_name" disabled placeholder="所在省"/>
           <!--{{ formData.province_name }}-->
         </el-form-item>
         <el-form-item label="所在市" v-if="qualiForm.grade===30">
-          <el-input v-model="qualiForm.city_name" disabled placeholder="所在市"/>
+          <el-input v-model="city_name" disabled placeholder="所在市"/>
           <!--{{ formData.city_name }}-->
         </el-form-item>
+        <el-form-item label="资质文件" prop="file">
+          <el-upload
+            ref="upload"
+            :action="upUrl"
+            accept=".zip,.pdf,.jpg"
+            :on-success="handleUpSuccessQuality"
+            :on-remove="handleRemoveQuality"
+            :headers="upHeaders"
+            :file-list="fileLista"
+            :limit="1"
+          >
+            <el-button size="small" type="primary">上传文件</el-button>
+            <span class="el-upload__tip">
+              可上传压缩包.zip,图片.jpg、.png等文件
+            </span>
+          </el-upload>
+        </el-form-item>
       </el-form>
       <div style="text-align: right">
         <el-button type="danger" @click="dialogVisibleQuliEdit = false">取消</el-button>
@@ -505,6 +591,28 @@
         <el-button type="primary" @click="submitEditSever('severForm')">确认</el-button>
       </div>
     </el-dialog>
+    <el-drawer
+      title="操作记录"
+      :visible.sync="drawer"
+      :with-header="false"
+      size="40%"
+    >
+      <el-table
+        :data="recordData"
+        border
+        fit
+        stripe
+        highlight-current-row
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="字段代码" prop="field">
+        </el-table-column>
+        <el-table-column label="初始值" prop="value1">
+        </el-table-column>
+        <el-table-column label="更改值" prop="value2">
+        </el-table-column>
+      </el-table>
+    </el-drawer>
   </div>
 </template>
 
@@ -520,7 +628,8 @@
     createAbility,
     updateService,
     provinceLists,
-    cityLists
+    cityLists,
+    qactionItem
   } from "@/api/ability";
   import {getDictList} from "@/api/dict";
   import {genTree} from "@/utils";
@@ -577,19 +686,26 @@
         qualiForm: {
           name: "",
           type: "",
-          grade: null,
+          grade: "",
           scope: "",
           level: "",
           province: "",
           city: "",
           description: "",
+          end_date: "",
           citys: [],
         },
+        citysName:'',
+        city_name:'',
+        province_name:'',
         abilityForm: {
           atype: '',
           afield: '',
           file: '',
           num: '',
+          num2: '',
+          num3: '',
+          num4: '',
           qtask: '',
         },
         rule: {
@@ -641,8 +757,8 @@
         getDictList({type__code: "field_type", is_used: true}).then((res) => {
           this.afieldOptions = genTree(res.data);
         });
-        getDictList({type__code: "quality_type", is_used: true}).then((res) => {
-          this.atypeOptions = genTree(res.data);
+        getDictList({type__code: "quality_type", is_used: true}).then((res1) => {
+          this.atypeOptions = genTree(res1.data);
         });
       },
       getProvince() {
@@ -675,19 +791,20 @@
           this.cityOptions = res.data.results;
         })
       },
-      handlePreview(file) {
-        if ("url" in file) {
-          window.open(file.url);
-        } else {
-          window.open(file.response.data.path);
-        }
-      },
       handleUpSuccess(res, file, filelist) {
         this.abilityForm.file = res.data.id;
       },
       handleRemove(file, filelist) {
         this.abilityForm.file = null;
       },
+
+      handleUpSuccessQuality(res, file, filelist) {
+        this.qualiForm.file = res.data.id;
+      },
+      //删除资质文件
+      handleRemoveQuality(file, filelist) {
+        this.qualiForm.file = null;
+      },
       checkPermission,
       getTableList() {
         this.listLoading = true;
@@ -776,26 +893,31 @@
       },
       //编辑资质
       handleEdit(row) {
-
+        this.city_name = '';
+        this.province_name = '';
+        this.citysName = '';
         this.showForm = true;
-        this.qualiForm.id = row.id;
-        this.qualiForm.name = row.name;
-        this.qualiForm.type = row.type;
-        this.qualiForm.grade = row.grade;
-        this.qualiForm.scope = row.scope;
-        this.qualiForm.level = row.level;
-        this.qualiForm.province_name = row.province_name?row.province_name:'';
-        this.qualiForm.city_name = row.city_name?row.city_name:'';
-        this.qualiForm.description = row.description;
-        this.qualiForm.citys = null;
+        this.qualiForm.id =row.id?row.id:'';
+        this.qualiForm.name = row.name?row.name:'';
+        this.qualiForm.type = row.type?row.type:'';
+        this.qualiForm.grade = row.grade?row.grade:'';
+        this.qualiForm.scope = row.scope?row.scope:'';
+        this.qualiForm.level = row.level?row.level:'';
+        this.qualiForm.province = row.province?row.province:'';
+        this.qualiForm.end_date = row.end_date?row.end_date:'';
+        this.province_name = row.province_name?row.province_name:'';
+        this.qualiForm.city = row.city?row.city:'';
+        this.qualiForm.file = row.file?row.file:'';
+        this.city_name = row.city_name?row.city_name:'';
+        this.qualiForm.description = row.description?row.description:'';
+        this.qualiForm.citys = row.citys?row.citys:[];
         if(row.citys_&&row.citys_.length>0){
           let citys = '';
           row.citys_.forEach(item=>{
             citys = citys+item.name;
-          })
-          this.qualiForm.citys = citys;
+          });
+          this.citysName = citys;
         }
-
       },
       //新增能力
       abilityCreate() {
@@ -808,10 +930,24 @@
           if (valid) {
             let obj = new Object();
             obj.qtask = that.qtask;
-            obj.value2 = that.qualiForm;
-            if (obj.value2.grade === '') {
-              obj.value2.grade = null;
+
+            let value2 = new Object();
+            for (let [key, value] of Object.entries(that.qualiForm)) {
+              console.log(key,value);
+              if(value!==''&&value!==null&&value!==undefined){
+                value2[key]  = value;
+              }
             }
+            value2.citys.forEach((item,index)=>{
+              value2.citys[index] = parseInt(item);
+            });
+            obj.value2 = value2;
+            debugger;
+            console.log(obj);
+            console.log(obj.value2);
+            console.log(obj.value2.citys);
+            debugger;
+
             const isEdit = that.dialogType === "edit";
             if (isEdit) {
               updateQuali(obj).then((res) => {
@@ -855,6 +991,13 @@
           }
         });
       },
+     /* handleDetail(id){
+        let that = this;
+        that.drawer = true;
+        qactionItem(id).then(res=>{
+          that.recordData = res.data.update_detail;
+        })
+      },*/
       //删除操作
       handleDelete(id) {
         let that = this;
diff --git a/client/src/views/ability/qualityTaskDo.vue b/client/src/views/ability/qualityTaskDo.vue
index 2a2d167..da0d271 100644
--- a/client/src/views/ability/qualityTaskDo.vue
+++ b/client/src/views/ability/qualityTaskDo.vue
@@ -178,8 +178,11 @@
         </el-table-column>
         <el-table-column label="文件">
           <template slot-scope="scope">
-            <el-link v-if="scope.row.file" :href="scope.row.file" target="_blank" type="primary">
-              {{scope.row.name}}
+            <el-link v-if="scope.row.file_" :href="scope.row.file_.file" target="_blank" type="primary">
+              {{scope.row.file_.name}}
+            </el-link>
+            <el-link v-if="scope.row.value1" :href="scope.row.value1.file_" target="_blank" type="primary">
+              <span v-if="scope.row.value1.file_"> {{scope.row.value1.file_.name}}</span>
             </el-link>
           </template>
         </el-table-column>
@@ -243,8 +246,8 @@
         <p style="font-size: 20px;font-weight: bold;">新增能力</p>
         <p><span style="display: inline-block;width: 100px;font-weight: bold;">能力类型 ：</span>{{atype_name}}</p>
         <p><span style="display: inline-block;width: 100px;font-weight: bold;">能力领域：</span>{{afield_name}}</p>
-        <p><span style="display: inline-block;width: 100px;font-weight: bold;">上传文件：</span>{{showData.data.file}}</p>
-        <el-link :href="showData.data.file" target="_blank" type="primary">{{showData.data.file}}</el-link>
+        <p><span style="display: inline-block;width: 100px;font-weight: bold;">上传文件：</span>{{showData.data.file_.name}}</p>
+        <el-link :href="showData.data.file_.file" target="_blank" type="primary">{{showData.data.file_.name}}</el-link>
         <el-divider></el-divider>
         <el-button
           v-if="actionType==='confirm'"
diff --git a/client/src/views/ability/quliShow.vue b/client/src/views/ability/quliShow.vue
index a7ee805..fa11765 100644
--- a/client/src/views/ability/quliShow.vue
+++ b/client/src/views/ability/quliShow.vue
@@ -21,6 +21,9 @@
       <el-form-item label="二级等级" v-if="data.type==='OTHER'">
         {{ data.level }}
       </el-form-item>
+      <el-form-item label="有效期">
+        {{data.end_date}}
+      </el-form-item>
       <el-form-item label="资质范围">
         {{data.scope}}
       </el-form-item>
@@ -37,8 +40,13 @@
       <el-form-item label="所在市" v-if="data.grade==30">
         {{ data.city_name }}
       </el-form-item>
+      <el-form-item label="上传文件" v-if="data.file_">
+        {{data.file_.name}}
+      </el-form-item>
+      <el-link v-if="data.file_" :href="data.file_.file" target="_blank" type="primary">{{data.file_.name}}</el-link>
     </el-form>
     <div v-if="showData.type==='quali:update'">
+      <p style="font-size: 20px;    margin: 8px 0;">原始数据：</p>
       <el-form
         label-width="100px"
         label-position="left"
@@ -57,6 +65,9 @@
         <el-form-item label="二级等级" v-if="formData.type==='OTHER'">
           {{ formData.level }}
         </el-form-item>
+        <el-form-item label="有效期">
+          {{ formData.end_date}}
+        </el-form-item>
         <el-form-item label="资质范围">
           {{formData.scope}}
         </el-form-item>
@@ -64,7 +75,7 @@
           {{formData.description}}
         </el-form-item>
         <el-form-item label="备案城市" v-if="formData.type==='OTHER'">
-          <span v-for="item in data.value2.citys_" :key="item.id">{{item.name}}</span>
+          <span v-for="item in formData.citys_" :key="item.id">{{item.name}}</span>
         </el-form-item>
         <el-form-item label="所在省" v-if="formData.grade===20">
           {{ formData.province_name }}
@@ -72,8 +83,13 @@
         <el-form-item label="所在市" v-if="formData.grade===30">
           {{ formData.city_name }}
         </el-form-item>
+        <el-form-item label="上传文件" v-if="formData.file_">
+          {{formData.file_.name}}
+        </el-form-item>
+        <el-link v-if="formData.file_" :href="formData.file_.file" target="_blank" type="primary">{{formData.file_.name}}</el-link>
       </el-form>
       <el-divider></el-divider>
+      <p style="font-size: 20px;    margin: 8px 0;"> 更改后数据：</p>
       <el-form
         label-width="100px"
         label-position="left"
@@ -95,11 +111,14 @@
         <el-form-item label="资质范围">
           <span :class="setClass('scope')"> {{ formData2.scope }}</span>
         </el-form-item>
+        <el-form-item label="有效期">
+          <span :class="setClass('end_date')"> {{ formData2.end_date}}</span>
+        </el-form-item>
         <el-form-item label="描述">
           <span :class="setClass('description')"> {{ formData2.description }}</span>
         </el-form-item>
         <el-form-item label="备案城市" v-if="formData2.type==='OTHER'">
-          <span :class="setClass('citys')" v-for="item in data.value2.citys_" :key="item.id">{{item.name}}</span>
+          <span :class="setClass('citys')" v-for="item in formData2.citys_" :key="item.id">{{item.name}}</span>
           <!--<span :class="setClass('citys')">  {{ formData2.province_name}}{{ formData2.city_name }}</span>-->
         </el-form-item>
         <el-form-item label="所在省" v-if="formData2.grade===20">
@@ -108,7 +127,10 @@
         <el-form-item label="所在市" v-if="formData.grade===30">
           <span :class="setClass('city')"> {{ formData2.city_name }}</span>
         </el-form-item>
-
+        <el-form-item label="上传文件" v-if="formData2.file_">
+          {{formData2.file_.name}}
+        </el-form-item>
+        <el-link v-if="formData2.file_" :href="formData2.file_.file" target="_blank" type="primary">{{formData2.file_.name}}</el-link>
       </el-form>
     </div>
     <el-divider></el-divider>
diff --git a/client/src/views/testvideo/upload.vue b/client/src/views/testvideo/upload.vue
index 160ca0c..31987ae 100644
--- a/client/src/views/testvideo/upload.vue
+++ b/client/src/views/testvideo/upload.vue
@@ -1,32 +1,120 @@
 <template>
   <div class="app-container">
-    <el-card class="filterTop">
-      <el-button type="primary" icon="el-icon-plus" @click="handleAddVideo"
-        >新增</el-button
-      >
-      <el-input
-        v-model="listQuery.search"
-        placeholder="关键字"
-        style="width: 300px"
-        class="filter-item"
-        @keyup.enter.native="handleFilter"
-      />
-      <el-button
-        class="filter-item"
-        type="primary"
-        icon="el-icon-search"
-        @click="handleFilter"
-      >搜索</el-button
-      >
-      <el-button
-        class="filter-item"
-        type="primary"
-        icon="el-icon-refresh-left"
-        @click="resetFilter"
-      >重置</el-button
-      >
-    </el-card>
-    <el-card style="margin-top: 10px">
+    <el-row :gutter="6">
+      <el-col :xs="24" :md="6">
+        <el-card >
+          <div slot="header" class="clearfix">
+            <span>视频分类</span>
+          </div>
+          <el-tree
+            ref="tree"
+            v-loading="treeLoding"
+            class="filter-tree"
+            :data="typeOptions"
+            default-expand-all
+            highlight-current
+            :expand-on-click-node="false"
+            style="margin-top: 10px;max-height:650px;overflow-y: auto;"
+            @node-click="handleOrgClick"
+          />
+        </el-card>
+      </el-col>
+      <el-col :xs="24" :md="18">
+        <el-card class="filterTop">
+          <el-button type="primary" icon="el-icon-plus" @click="handleAddVideo"
+          >新增</el-button
+          >
+          <el-input
+            v-model="listQuery.search"
+            placeholder="关键字"
+            style="width: 300px"
+            class="filter-item"
+            @keyup.enter.native="handleFilter"
+          />
+          <el-button
+            class="filter-item"
+            type="primary"
+            icon="el-icon-search"
+            @click="handleFilter"
+          >搜索</el-button
+          >
+          <el-button
+            class="filter-item"
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="resetFilter"
+          >重置</el-button
+          >
+        </el-card>
+        <el-card style="margin-top: 6px">
+          <el-table
+            v-loading="listLoading"
+            :data="
+          videoList.results.filter(
+            (data) =>
+              !search ||
+              data.name.toLowerCase().includes(search.toLowerCase()) ||
+              data.category_name.toLowerCase().includes(search.toLowerCase())
+          )
+        "
+            border
+            fit
+            stripe
+            highlight-current-row
+            :height="tableHeight"
+          >
+            <el-table-column type="index" width="50" />
+            <el-table-column label="名称" prop="name"></el-table-column>
+            <el-table-column label="描述" prop="description"></el-table-column>
+            <el-table-column label="视频类别">
+              <template slot-scope="scope">{{ showTypeOptions[scope.row.category] }}</template>
+            </el-table-column>
+            <el-table-column label="创建时间" prop="create_time"></el-table-column>
+            <el-table-column label="封面地址" prop="coverurl">
+              <template #default="scope">
+                <el-image
+                  style="width: 100px; height: 60px"
+                  :src="scope.row.coverurl"
+                  fit="contain "></el-image>
+                <!--:style="{height: leftHeight+'px'}"-->
+              </template>
+
+            </el-table-column>
+            <el-table-column
+              align="center"
+              label="操作"
+              width="200px"
+              fixed="right"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  :disabled="!checkPermission(['video_update'])"
+                  type="primary"
+                  size="small"
+                  icon="el-icon-edit"
+                  @click="handleEdit(scope)"
+                />
+                <el-button
+                  :disabled="!checkPermission(['video_delete'])"
+                  type="danger"
+                  size="small"
+                  icon="el-icon-delete"
+                  @click="handleDelete(scope)"
+                />
+              </template>
+            </el-table-column>
+          </el-table>
+          <Pagination
+            v-show="videoList.count > 0"
+            :total="videoList.count"
+            :page.sync="listQuery.page"
+            :limit.sync="listQuery.page_size"
+            @pagination="getList"
+          />
+        </el-card>
+      </el-col>
+    </el-row>
+    <!--<el-card style="margin-top: 10px">
       <el-table
         v-loading="listLoading"
         :data="
@@ -82,7 +170,7 @@
         :limit.sync="listQuery.page_size"
         @pagination="getList"
       />
-    </el-card>
+    </el-card>-->
     <el-dialog
       :visible.sync="dialogVisible"
       :title="dialogType === 'edit' ? '编辑视频信息' : '新增视频信息'"
@@ -104,13 +192,14 @@
           <el-cascader
             v-model="VideoContent.category"
             :options="typeOptions"
-            :props="{ emitPath: false }"
+            :props="{ emitPath: false,checkStrictly: true }"
             clearable
             style="width: 100%"
           ></el-cascader>
         </el-form-item>
         <el-form-item label="排序">
-          <el-input-number style="width: 100%;" v-model="VideoContent.sort_str" :step="1" :min="0" step-strictly placeholder="排序"></el-input-number>
+          <el-input v-model="VideoContent.sort_str" placeholder="排序" />
+          <!--<el-input-number style="width: 100%;" v-model="VideoContent.sort_str" :step="1" :min="0" step-strictly placeholder="排序"></el-input-number>-->
         </el-form-item>
         <form ref="vcExample" v-if="dialogType === 'new'">
           <input
@@ -221,10 +310,10 @@ import {
 import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
 import { getDictList, getDictTypeList } from "@/api/dict";
 import TcVod from "vod-js-sdk-v6";
-
 import checkPermission from "@/utils/permission";
-
 import { genTree } from "@/utils";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 const defaultVideo = {
   name: "",
   description: "",
@@ -234,7 +323,7 @@ const defaultVideo = {
 };
 
 export default {
-  components: { Pagination },
+  components: { Pagination,Treeselect },
 
   data() {
     return {
@@ -268,10 +357,20 @@ export default {
         50:'内 审', 51:'管 评',52:'人 员', 53:'设 备',
         54:'方法的验证和确认',55:'测量不确定度',
         56:'抽 样',57:'安全&风险',58:'管理体系'},
+      showTypeOptions:{},
     };
   },
   computed: {},
-
+  created(){
+    getDictList({ type__code: "data_video" }).then((res) => {
+      let resData = res.data;
+      let obj = new Object();
+      resData.forEach(item=>{
+        obj[item.id] = item.name;
+      })
+      this.showTypeOptions = obj;
+    });
+  },
   mounted() {
     let height1 = document.getElementsByClassName('app-main')[0].clientHeight;
     this.tableHeight = height1-120;
@@ -294,22 +393,32 @@ export default {
     //视频类型
     getTypeAll() {
       getDictList({ type__code: "data_video" }).then((res) => {
+        let resData = res.data;
+        let obj = new Object();
+        resData.forEach(item=>{
+          obj[item.id] = item.name;
+        })
+        this.showTypeOptions = obj;
         this.typeOptions = genTree(res.data);
       });
     },
 
     //筛选
     filterTag(value, row) {
-      debugger;
-      console.log(value)
-      console.log(row)
       return row.category === value;
     },
+    handleOrgClick(obj, node, vue) {
+      debugger;
+      this.listQuery.page = 1;
+      this.listQuery.category = obj.id;
+      this.getList();
+    },
     handleFilter(){
       this.getList();
     },
     resetFilter(){
       this.listQuery.search = '';
+      this.listQuery.category = '';
       this.getList();
     },
     /*弹出弹窗 */