页面修改

src/components/administrative/ContractManage.vue

+<style>
+  .ContractManage .query-box .el-button--primary {
+    background-color: #fff !important;
+    color: #e95252 !important;
+    border-color: #e95252 !important;
+}
+
+.ContractManage .query-box .el-button--primary:focus,
+ .query-box .el-button--primary:hover {
+    background-color: #fff !important;
+    color: #e95252 !important;
+    border-color: #e95252 !important;
+}
+
+.ContractManage .query-box .el-button {
+    border-radius: 16px;
+    height: 30px;
+    position: relative;
+    top:5px;
+}
+
+.ContractManage .query-box .el-button i {
+    color: #e95252;
+}
+.ContractManage .query-box .el-button span {
+    position: relative;
+    top: -3px;
+}
+
+</style>
+
 <template>
-  <div class="flexOne">
+  <div class="flexOne ContractManage">
     <div class="query-box">
       <ul>
         <li>
@@ -75,13 +106,22 @@
               getList();
               resetPageIndex();
             " />
+            <el-dropdown @command="getImport">
+              <el-button type="primary" @click="goContract('onedayTripContract', 0, '一日游合同')" > 一日游合同
+                <i class="el-icon-arrow-down el-icon--right"></i>
+              </el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="1">境内旅游合同</el-dropdown-item>
+                <el-dropdown-item command="2">单项委托合同</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
         </li>
-        <li>
+        <!-- <li>
           <input type="button" @click="goContract('onedayTripContract', 0, '一日游合同')" class="normalBtn" value="一日游合同" />
           <input type="button" @click="goContract('DomesticTravelcontract', 0, '境内旅游合同')" class="normalBtn"
             value="境内旅游合同" />
           <input type="button" @click="goContract('SingleContract', 0, '单项委托合同')" class="normalBtn" value="单项委托合同" />
-        </li>
+        </li> -->
       </ul>
     </div>
     <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
@@ -145,16 +185,22 @@
           <el-tooltip class="item" effect="dark" content="下载" placement="top-start">
             <el-button type="success" icon="el-icon-download" circle @click="DownLoadContract(item)"></el-button>
           </el-tooltip>
+
+          <el-tooltip class="item" effect="dark" content="提交并盖章" placement="top-start">
+            <el-button type="info" icon="el-icon-upload2" circle @click="SubmitContract(item)"></el-button>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="复制链接发送给客户" placement="top-start">
+            <el-button type="info" icon="el-icon-upload2" circle @click="CopyUrl(item)"></el-button>
+          </el-tooltip>
           <el-tooltip class="item" effect="dark" content="取消" placement="top-start">
             <el-button type="danger" icon="el-icon-close" circle @click="DeleteContract(item)"></el-button>
           </el-tooltip>
 
-          <el-tooltip class="item" effect="dark" content="提交并盖章" placement="top-start">
-            <el-button type="danger" icon="el-icon-close" circle @click="SubmitContract(item)"></el-button>
-          </el-tooltip>
         </td>
       </tr>
     </table>
+    <!-- 隐藏的复制项 -->
+    <input type="text" v-model="hidInput" id="copyObj" style="opacity:0">
     <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
       layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
     </el-pagination>
@@ -169,6 +215,7 @@
         currentPage: 1,
         dataList: [],
         loading: false, //页面加载
+        hidInput:'',
         msg: {
           T_ContractNum: "", //合同编号
           CType: 0, //合同类型
@@ -247,6 +294,29 @@
           );
         });
       },
+      //复制URL
+      CopyUrl(item){
+        let Url="";
+        if(this.isOnline){
+            Url= window.location.hostname+'#/TravelContractConfirm?ContractId='+item.ID;
+        }
+        else{
+            Url= window.location.hostname+"/8080"+'#/TravelContractConfirm?ContractId='+item.ID;
+        }
+        this.hidInput=Url;
+        let url = document.querySelector('#copyObj');
+        url.select(); // 选择对象
+        document.execCommand("Copy");
+      },
+      //跳转
+      getImport(command) {
+          if(command==1){
+            this.goContract('DomesticTravelcontract', 0, '境内旅游合同');
+          }else if(command==2){
+            this.goContract('SingleContract', 0, '单项委托合同');
+          }
+      },
+
       //下载合同
       DownLoadContract(item) {
         let msg = {