修改

src/components/questiontype/sharing-choose.vue

 <!--共用选择题-->
 <style>
-
+  .sharingChooseQuestion{
+    width:100%;
+  }
+  .B-info{
+    font-size: 14PX;
+    color: #A8A8B3;
+    padding-bottom: 10px;
+    margin-left:13px;
+  }
 </style>
 <template>
   <div class="sharingChooseQuestion">
-    <table v-if="data&&data.length>0">
+    <table v-if="data&&data.length>0" class="common_TiTable">
       <tr v-for="(item,index) in data[0]">
-        <td>
+        <td style="width:40px;text-align:center;padding-top:8px;">
           {{item.Name}}
         </td>
         <td>
-          <UeEditor v-model="item.Content" :config="config"></UeEditor>
+          <div class="InpDIV" v-html="item.Content" v-if="commonIndex!=index" @click="changeEdit(index)"></div>
+          <UeEditor v-model="item.Content" :config="config" v-else></UeEditor>
         </td>
-        <td>
-          <a style="cursor:pointer;" @click="deleteOpion(index)">删除</a>
+        <td style="width:40px;text-align:center;">
+          <i class="iconfont icon-guanbi Tiku_DelIcon" @click="deleteOpion(index)"></i>
         </td>
       </tr>
       <tfoot>
         <tr>
           <td colspan="3">
-            <a style="cursor:pointer;" @click="addOption()">添加选项</a>
+            <a class="addTiMuList" style="margin-left:13px;" @click="addOption()">
+              <i class="iconfont icon-add"></i>添加选项
+            </a>
           </td>
         </tr>
       </tfoot>
     </table>
-
-    <br />
-    <table v-if="data&&data.length>0">
+    <table v-if="data&&data.length>0" class="common_TiTable">
       <tr v-for="(item,index) in data[1]">
-        <td>
+        <td style="width:40px;text-align:center;padding-top:8px;">
           {{index+1}}
         </td>
         <td>
-          <UeEditor v-model="item.Content" :config="config"></UeEditor>
+          <div class="InpDIV" v-html="item.Content" v-if="commonIndex2!=index" @click="changeEdit2(index)"></div>
+          <UeEditor v-model="item.Content" :config="config" v-else></UeEditor>
         </td>
-        <td>
-          <a style="cursor:pointer;" @click="deleteQuestion(index)">删除题干</a>
+        <td style="width:40px;text-align:center;">
+          <i class="iconfont icon-guanbi Tiku_DelIcon" @click="deleteQuestion(index)"></i>
         </td>
       </tr>
       <tfoot>
         <tr>
           <td colspan="3">
-            <a style="cursor:pointer;" @click="addQuestion()">添加题干</a>
+            <a class="addTiMuList" style="margin-left:13px;" @click="addQuestion()">
+              <i class="iconfont icon-add"></i>添加题干
+            </a>
           </td>
         </tr>
       </tfoot>
     </table>
-    <br />
-    答案：
-    <br />
-    <table v-if="data&&data.length>0">
+    <div class="B-info">答案：</div>
+    <table v-if="data&&data.length>0" style="margin-bottom:20px;">
       <tr v-for="(item,index) in data[1]">
-        <td>
+        <td style="padding:12px 0 0 13px;">
           {{index+1}}
         </td>
         <td>
-          <select v-model="item.Name">
+          <select v-model="item.Name" class="selectBox" style="margin:10px 0 0 0;outline:none;">
             <template v-for="(cItem,cIndex) in data[0]">
               <option :key="cIndex" :label="cItem.Name" :value="cItem.Name">
               </option>
@@ -91,6 +101,8 @@
           initialFrameHeight: 80,
         },
         optionTitleList: [],
+        commonIndex:-1,
+        commonIndex2:-2
       };
     },
     created() {
@@ -148,6 +160,14 @@
       returnDataToParent() {
         this.$emit('getChild', this.data);
       },
+      changeEdit(index){
+        this.commonIndex=index;
+        this.commonIndex2=-1;
+      },
+      changeEdit2(index){
+        this.commonIndex=-1;
+        this.commonIndex2=index;
+      }
     },
     mounted() {